Mengatur Form Input Hanya Boleh Diisi Angka Saja
 |
| Validasi form memakai Javascript. Hanya Angka saja yang boleh di input dengan jumlah terbaik dan minimal tertentu |
Bagaimana caranya semoga sebuah inputan tertentu pada formulir/form website sanggup diatur semoga spesialuntuk boleh diisi oleh huruf angka saja ? dan bagaimana pula membatasi jumlah maxmimal dan minimal inputan yang boleh dimasukan
Pertanyaan ini tentunya berkaitan dekat dengan yang namanya validasi sebuah form dari sisi user. Karena kita ketahui sendiri bekerjsama secara umum metode validasi untuk formulir (form) sendiri terdiri dari dua bagian, yaitu validasi dari sisi user (sebelum data dikirim) dan validasi ketika data dikirim (saat diproses untuk disimpan ke database server). Validasi ini tentunya sangat penting sekali semoga kita sanggup mendapat data yang benar atau sesuai dengan keinginan. Selain itu hal ini sebenarnya juga dimaksudkan semoga user tidak mengisi data formulir seenak jidatnya.
Disini metode validasi yang saya gunakan yakni memakai Javascript, nanti kita buat sebuah function pada Javascript lalu fungsi tersebut diletakan di inputan yang spesialuntuk boleh diisi dengan angka saja
#1 Bagaimana caranya semoga sebuah inputan tertentu pada formulir/form website sanggup diatur semoga spesialuntuk boleh diisi oleh huruf angka saja ?
- Membuat Fungsi Javascript
Pertama kita buat dulu sebuah function memakai Javascript yang bertugas untuk memvalidasi nilai input yang dimasukan oleh user
misal :script type="text/javascript"> function Angkasaja(evt) { var charCode = (evt.which) ? evt.which : event.keyCode if (charCode > 31 && (charCode < 48 || charCode > 57)) return false; return true; } </script> - Memanggil Fungsinya dan meletakannya pada form
Langkah selanjutnya yakni memanggil fungsi tersebut pada nilai inputan yang spesialuntuk boleh diisi memakai huruf angka saja
misal :<input type="text" onkeypress="return Angkasaja(event)"/>
Jadi nanti aba-aba secara keseluruhan sanggup diimplementasikan menyerupai diberikut :
<html> <head> <title>Input Data Hanya Angka - ROOT93.CO.ID</title> </head> <body> <h1>Mengatur Input Form Hanya Boleh Diisi Angka Saja</h1> <form action="" method="POST"> <input type="text" onkeypress="return Angkasaja(event)"/> <input type="submit" name="submit" value="Kirim"> </form> <script type="text/javascript"> function Angkasaja(evt) { var charCode = (evt.which) ? evt.which : event.keyCode if (charCode > 31 && (charCode < 48 || charCode > 57)) return false; return true; } </script> </body> </html>#2. Bagaimana pula membatasi jumlah maxmimal dan minimal inputan angka yang boleh dimasukan ?
Anda sanggup menambahkan maxlength dan minlength pada inputan angka yang disediakan.
Misalnya jikalau inputan angka tersebut yakni untuk Nomor HP maka, nanti sanggup Anda isi pada maxlengthnya 12 dan minlengthnya misal 11
misal :
<input type="text" maxlength="12" minlength="11" onkeypress="return Angkasaja(event)"/>Sampai disini kia sudah berhasil membuat input form spesialuntuk boleh diisisi oleh huruf angka saja.Teknik validasinya mungkin akan tidak sama lagi teutama ketika data dikirim ke database server misal memakai script PHP.
Post a Comment for "Mengatur Form Input Hanya Boleh Diisi Angka Saja"