-
Minimal Inputan dan hanya Huruf atau Angka
Gunakan form username saja sebagai contoh, dan ganti JavaScriptnya menjadi berikut<script type="text/javascript"> function validasi_input(form){ pola_username=/^[a-zA-Z0-9\_\-]{6,100}$/; if (!pola_username.test(form.username.value)){ alert ('Username minimal 6 karakter dan hanya boleh Huruf atau Angka!'); form.username.focus(); return false; } return (true); } </script>
-
Validasi Pilihan Radio Button
Sebelumnya sediakan dulu form Radio Button, disini saya mencontohkan pilihan untuk jenis kelamin, dimana user harus memilih laki-laki atau Perempuan. Berikut kode formnya<form method="post" action="aksi.php" onsubmit="return validasi_input(this)"> <p>Jenis Kelamin: <input type="radio" name="jk" value="L">Laki-Laki <input type="radio" name="jk" value="P">Perempuan</p> <p><input name="" type="submit" value="Submit"></p> </form>
Pada From tersebut masih terdapat kode onsubmit=”return validasi_input(this)”, Berikut Kode JS untuk fungsi tersebut<script type="text/javascript"> function validasi_input(form){ function check_radio(radio) { // memeriksa apakah radio button sudah ada yang dipilih for (i = 0; i < radio.length; i++) { if (radio[i].checked === true) { return radio[i].value; } } return false; } var radio_val = check_radio(form.jk); if (radio_val === false) { alert("Anda belum memilih Jenis Kelamin!"); return false; } return (true); } </script>
Pada Fungsi validasi_Input terdatapat juga fungsi cek_radio yang fungsinya untuk mengembalikan nilai True jika sudah ada yang terpilih dan False jika belum ada yang terpilih.
Lanjut......