Bagaimana cara membuat validasi angka di sebuah form? apa kalian sering membuat form yang isi nya harus nomor tapi pas disubmit ternyata huruf juga masi bisa ke submit ?
ini solusinya.
untuk validasi sederhanya bisa menggunakan HTML5 caranya ganti tipe nya jadi type=number
contohnya <input type=text name=telp> ganti jadi <input type=number name=telp>
hasilnya
kalau itu secara singkatnya gan, itu support di semua broser kecuali INTERNET EXPLORER(IE) 9
nah kalau pengen yang lebih dinamis lagi bisa menggunakan JqueryValidation
Pertama siapkan mental gan :D
kedua siapkan jquery validationnya
jangan cuma di copas ya gan, tapi di pahamin :D
ini solusinya.
untuk validasi sederhanya bisa menggunakan HTML5 caranya ganti tipe nya jadi type=number
contohnya <input type=text name=telp> ganti jadi <input type=number name=telp>
hasilnya
kalau itu secara singkatnya gan, itu support di semua broser kecuali INTERNET EXPLORER(IE) 9
nah kalau pengen yang lebih dinamis lagi bisa menggunakan JqueryValidation
Pertama siapkan mental gan :D
kedua siapkan jquery validationnya
http://code.jquery.com/jquery-1.11.1.min.jshttp://jqueryvalidation.org/files/dist/jquery.validate.min.js
http://jqueryvalidation.org/files/dist/additional-methods.min.jsdownload semuanya gan,sesuai kan pathnya
buat file dan namai dengan apa saja, disini saya menamakan dengan jquery.html
jangan cuma di copas ya gan, tapi di pahamin :D
save lalu jalan kan html yang kita buat tadi
pesan "Please enter a valid number."bisa dirubah sesuai kebutuhan, pada kesempatan lain waktu saya akan bahas tentang cara merubah pesan error di jquery validation
sekian, Terima kasih
No comments:
Post a Comment