Javascript Form Validation
Unknown
April 08, 2017
1 Comments
Form pendaftaran menggunakan validasi javascript
<html>
<head>
<title>Form Pendaftaran</title>
<script type="text/javascript">
function validasi()
{
var nimz = document.forms["formulir"]["nim"].value;
var number = /^[0-9]+$/;
var nama = formulir.nama.value;
var namaValid = /^[a-zA-Z]+(([\'\,\.\- ][a-zA-Z ])?[a-zA-Z]*)*$/;
var pesan = '';
if (nama = null || nama == '') {
alert("Nama tidak boleh kosong !");
return false;
};
if (nama != '' && !nama.match(namaValid)) {
alert("nama tidak valid !");
return false;
};
if (nimz == null || nimz == "")
{
alert("NIM anda tidak boleh kosong !");
return false;
};
if(!nimz.match(number))
{
alert("NIM anda harus angka");
return false;
};
if(nimz.length!=10)
{
alert("NIM anda harus 9 digit !");
return false;
};
return true;
}
</script>
</head>
<body>
<font face="Arial">
<p align="center">PENDAFTARAN</p>
<p>
<form id="formulir" action="proses.php" method="post" onSubmit="return validasi()">
<table>
<tr>
<td>Nama : </td>
<td><input type="text" size=30 placeholder="contoh: Rian" name="nama" ></td>
</tr>
<tr>
<td>NIM : </td>
<td><input type="text" size=20 placeholder="contoh: 1600018016" name="nim" id="nim"></td>
</tr>
<tr>
<td>Alamat : </td>
<td><textarea rows=5 cols=40 name="alamat"></textarea></td>
</tr>
<tr>
<td>Jenis Kelamin : </td>
<td><select name="jk"><option value="pria">Pria</option><option value="wanita">wanita</option></select></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="kirim" onlick="validasi()"><input type="reset" value="Batal"></td>
</tr>
</table>
</form>
</p>
</font>
</body>
</html>
Hasil :
