Tapi sebelum kita ke TKP kita harus tau apa itu Validasi..
#Validasi adalah Melakukan pengecekan input yang di masukan sudah sesuai dengan format yg minta ketika form'a belum submit.
Script'a:
<html>
<head><title>Form Input </title></head>
<body>
<script>
<!--
function cekField(){
if(document.form1.nama.value==""){
alert("Nama Harap Diisi!");
document.form1.nama.focus();
return;
}
if(document.form1.alamat.value==""){
alert("Alamat Harap Diisi!");
document.form1.alamat.focus();
return;
}
if(document.form1.pass.value==""){
alert("Password Harap Diisi");
document.form1.pass.focus();
return;
}
if(document.form1.pass.value!=document.form1.pass1.value){
alert("Password Yang Dimasukan Tidak Sama!");
document.form1.pass.focus();
return;
}
document.form1.submit();
}
//-->
</script>
<h2>Masukan Data Anda : </h2>
Silahkan masukan data Anda di form isian berikut ini:<br/>
<form action="cekdata.php" name="form1" method="post">
<table border=0 width=600>
<tr>
<td>Nama Lengkap </td><td>:</td><td><input type="text" name="nama" size="20"/></td>
</tr>
<tr>
<td>Alamat Lengkap</td><td>:</td><td><input type="text" name="alamat" size="40"/></td>
</tr>
<tr>
<td>Password</td><td>:</td><td><input type="password" name="pass" size="40"/></td>
</tr>
<tr>
<td>Ulangi Password</td><td>:</td><td><input type="password" name="pass1" size="40"/></td>
</tr>
<tr>
<td colspan="3"><input type="button" name="kirim" value="Submit" onClick="cekField()"/>
<input type="reset" value="Reset"/></td>
</tr>
</table>
</form>
(c)2013, Coding Forever.
</body>
</html>
Hasilnya:
1. Saat nama di masukan dan data yg lain blum di masukkan dan di submit akan muncul seperti ini.
semoga bisa mermanfaat..
