Cara Membuat Form Wajib Angka Dengan jQuery
Halo Dumenity, selamat datang kembali di laman tips dan trik Source Code Aplikasi. Berjumpa kembali dengan saya di pembahasan tips dan trik seputar dunia laman, di kesempatan kali ini saya akan memberikan tips mengenai Cara Membuat Form Wajib Angka Dengan jQuery. Dimana di artikel sebelumnya saya pun telah membahas from validasi wajib angka dengan javascript, namun di artikel kali ini sedikit berbeda form input wajib angka hanya dapat diisi dengan angka tetapi sekiranya di masukkan huruf karenanya di tampilan form value tetap kosong begitupun sebaliknya sekiranya di isi angka akan muncul di value form. Pada hal ini saya akan menggunakan kegunaan keypress() dan event.which sekiranya diisikan huruf akan dikembalikan nilai nya menjadi false
Bagus seketika saja kita implementasikan Cara Membuat Form Wajib Angka Dengan jQuery pertama-tama – tama siapkan text editornya dan library jQuery nya. Kemudian bikin file html nya terlebih dahulu bagi merancang tampilan form
<!DOCTYPE html>
<html>
<head>
<title><strong>Cara Membangun Form Wajib Angka Dengan jQuery</strong></title>
<link rel=stylesheet href=https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css>
</head>
<body>
<div class=container>
<div class=row>
<div class=form-group>
<label>Form Input</label>
<input type=text name= id=total class=form-control>
</div>
</div>
</div>
</body>
</html>
Saya menggunakan bootstap 4 bagi layoutnya, bagi contoh saya bikin satu form saja. Oke lalu save dengan index.html, berikutnya load library jQuery nya
<script type=text/javascript src=https://code.jquery.com/jquery-3.3.1.min.js></script>
Dan masukkan script jQuery nya di bawah ini
$(function(){
$(input).keypress(function(e) {
if (e.which != 8 e.which != 0 (e.which < 48 || e.which > 57)) {
return false;
}
});
})Jikalau telah save dan jalankan di browsernya, karenanya output seperti gambar di bawah ini
Kemudian isikan angka
Kemudian masukkan huruf apa saja, dengan seperti itu di value form tak akan di tampilkan seolah – olah keyboard tak berfungsi 🙂
Nah, gimana..?? Lumayan gampang bukan..??
Demikianlah di artikel kali ini mengenai Cara Membuat Form Wajib Angka Dengan jQuery kita jumpa kembali di artikel yang akan datang. Terimakasih dan hingga jumpa, semoga bermanfaat.
Sumber https://kursuswebsite.org
