Validasi-Form-Dengan-Javascript

Atas saran teman kerja, saya tulis artikel ini untuk anda yang sedang mencari
bagaimana menvalidasi form dengan Java script :
Bukan sok pintar ato sok jago tapi bagi-bagi ilmu bagi pembaca blog saya apakah
salah?
Berikut caranya:
- Pertama kita buat form inputan dengan kode berikut:

<HTML>
<title>Validasi Form :www.asriyatno.co.cc</title>
<head>
</head>
<BODY BGCOLOR="YELLOW">
<form action="index.php" method="post">
<pre>
Nama : <INPUT type="text" name="nama">
Password : <INPUT type="password" name="password"> <br>
<input type="submit" name="submit" value="Login"><input type="reset"
name="reset" value="Reset"></td></center>
</pre>
</FORM>
</BODY></HTML>
Hasil dari kode diatas adalah gambar dibawah ini

-Kemudian
pada kode diatas tambahkan kode berikut ini dibawah <head>

<head>
<script type="text/javascript">
function validate(field, error)

{
if (field.value=="")
{
alert(error);
return false;
}
else { return true; }
}
function validate_form(thisform)
{
if (validate(thisform.nama,"Username Tidak boleh kosong !")==false)
{ return false; }
if (validate(thisform.password,"Password Tidak Boleh Kosong !")==false)
{ return false; }
}
</script>
</head>

Serta pada form action tambahkan kode berikut :

onsubmit="return validate_form(this)"

sebelumnya : <form action="index.php" method="post">
nah sekarang jadi <form action="index.php" onsubmit="return
validate_form(this)"method="post"> maka jika form isian belum terisi nama
maka akan muncul validasi seperti ini: