Cara Membuat Form Validasi dengan Javascript
Hallo teman teman balik lagi dengan saya Ismet Maulana kali ini saya ingin berbagi pengetahuan mengenai Bagaimana Cara Membangun Form Validasi dengan Javascript, oke seketika saja yah teman teman dapat salin script dibawah ini :
Script HTML nya :
<form action= method=POST name=biodata onSubmit=return validasi()>
<table>
<tr>
<td>NAMA</td>
<td>:</td>
<td><input type=text name=nama></td>
</tr>
<tr>
<td>NIK</td>
<td>:</td>
<td><input type=text name=nik></td>
</tr>
<tr>
<td>UMUR</td>
<td>:</td>
<td><input type=text name=umur></td>
</tr>
<tr>
<td>Jabatan</td>
<td>:</td>
<td>
<select name=jabatan id=>
<option value=pilih selected>--pilih--</option>
<option value=BM>Branch Manager</option>
<option value=INS>Instruktur</option>
<option value=ADM>Admin</option>
</select>
</td>
</tr>
<tr>
<td></td>
<td></td>
<td><input type=submit name=submit value=Kirim></td>
</tr>
</table>
</form>
Script JavaScript :
<script>
function validasi(){
var x = document.forms[biodata][nama].value;
if (x == null || x == ) {
alert(Nama Tak Boleh Kosong);
return false;
}
var x = document.forms[biodata][nik].value;
if (x == null || x == ) {
alert(Nik Mesti Angka);
return false;
}
var x = document.forms[biodata][umur].value;
if (x == null || x == ) {
alert(Umur Tak Boleh Kosong);
return false;
}
var x = document.forms[biodata][jabatan].value == pilih;
if (x == null || x == ) {
alert(Kamu Belom Memilih Jabatan);
return false;
}
}
</script>
Lumayan gampang bukan, ?demikianlah panduan mengenai Bagaimana Cara Membangun Form Validasi dengan Javascript, hingga bertemu di artikel berikutnya yah …
#KeepLearn
#IsmetMA
Sumber https://kursuswebsite.org