 |
| Validasi Hanya Input Angka (Numeric Only) |
Bagaimana cara membuat validasi input hanya boleh memasukkan angka saja atau tidak diijinkan memasukkan huruf?
Berikut contohnya:
Step 1:
Buat function dan taruhlah di external file dengan nama file "custome.js".
function angka_saja(element) {
$("." + element).on('keypress', function (e) {
return e.metaKey || // cmd/ctrl
e.which <= 0 || // arrow keys
e.which === 8 || // delete key
/[0-9]/.test(String.fromCharCode(e.which)); // numbers
});
}
Step 2:
Form input diberi nama class "angka_saja"
<input type="text" name="" class="angka_saja">
Step 3:
Panggil fungsi yang telah kita buat di bawah view/form input atau file template website anda. Pertama harus memasukkan jquery plugin yang bisa kita download di http://jquery.com.
<script src="'jquery-1.12.3.min.js'" type="text/javascript"></script> //http://jquery.com/
<script src="custome.js" type="text/javascript"></script> //isinya function angka_saja
$(document).ready(function () {
angka_saja("angka_saja");
});
Sekian, terimakasih atas kunjungannya.
Salam,
PHP Aku : Membangun web terorganisasi dan mudah dimengerti, contoh tutorial dengan menggunakan HTML, CSS, JavaScript, SQL, PHP, dan XML.