Validasi hanya huruf pada event keypress textbox menggunakan javascript dan JQUERY

Cara ini di gunakan untuk mem filter hanya huruf saja yang bisa menjalankan fungsi saat menekan keyboard pada event keypress atau key up di textbox. Contoh nya saat kita menggunakan ajak request, jika tidak di filter saat kita menekan Enter Shift atau CapsLock maka ajax akan me-request data ke server, padahal itu tidak perlu karena seharusnya saat kita menulis huruf baru ajax request di jalankan .

Contoh nya lagi saat kita memasukan fungsi cari data pada textboxt, jadi saat kita menulis pencarian kota 'Bogor' maka si fungsi cari data di jalankan, selain itu di abaikan .


Berikut ini contoh script simple nya .

HTML :

<input type="text" id ="cekhurufJquery" onkeypress="cekHuruf(event);">

Javascript :

function cekHuruf(e){
if(e.key.length < 2 ){
     alert("ini huruf")
    }
};

Jquery :

$('#cekhurufJquery').keypress(function(e){
if(e.key.length < 2 ){
     alert("ini huruf")
    }
});

Untuk contoh langsung nya
Ketik sesuatu di bawah ini :



Itulah contoh script atau coding nya. selamat mencoba semoga bermanfaat.

Artikel Terkait

Validasi hanya huruf pada event keypress textbox menggunakan javascript dan JQUERY

4/ 5

Oleh share.materi

share.materi 02.05 Komentar