Javascript – Membuat Text Muncul Ketika di Ketik dari From

Javascript – Membuat Text Muncul Ketika di Ketik dari From – Ini adalah kumpulan catatan javascript saya yang pernah saya buat. Saya membuat text ini muncul ketika di ketik pada sebuah form. Untuk formnya sendiri bisa beberapa jenis form misalnya input, textarea. Pada kasus ini saya menggunakan input dengan type jenis text.

Untuk script ini membuatuhkan source eksternal dari jquery. Karena pada fungsi tersebut sudah banyak fungsi yang bisa kita panggil untuk mempercantik dan membuat web kita lebih menarik. Dari fungsi tersebutlah kita tinggal memanggil apa saja yang mau kita gunakan.

Membuat Text Muncul Ketika di Ketik dari From

Berikut ini saya bagi menjadi dua script yaitu javascript dan html

Script javascript

<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>

<script type="text/javascript">
var replaceValues = {
 'string' : 'text',
 'foo' : 'bar'
}

$('.icustom').keyup(function (event) {
 newText = event.target.value;
 for (var txt in replaceValues) {
 var temp = new RegExp(txt, 'gim');
 newText = newText.replace(temp, replaceValues[txt]);
 }
 $('.custom').text(newText);
});

}

</script>

Script HTMl untuk form input text dan menampilkan ketikan

<input type="text" name="custom" size="45" class="icustom"/><br/>
www.kasitau.com/<i style="color:red;" class="custom">custom</i>

Dan hasilnya seperti di bawah ini

Javascript – Membuat Text Muncul Ketika di Ketik dari From