Validasi Form menggunakan Javascript
Validasi dalam sebuah form input sangatlah penting, apalagi jika isian dalam form tersebut berisi banyak kolom yang lumayan rumit, berikut ini bebera tips yang bisa digunakan untuk mem-validasi form. walaupun teknik validasi menggunakan javascript ini sudah jarang dipakai dengan digantikan dengan validasi dari sisi server (server-side validation) menggunakan pemrograman server-side seperti ASP, PHP, Perl, ColdFussion dan lain-lain. Akan tetapi, teknik validasi menggunakan javascript lebih disukai user, karen secara teknis halaman tidak perlu di-reload dan menghemat waktu, perngunjung tidak harus mengunggu page-loading hasil validari dari server.
Isian kolom yang harus diisi
Fungsi berikut memeriksa apakah sebuah field / input belum disi. Jika input belum diisi / kosong, maka akan muncul sebuah kotak pesan peringatan (Alert) yang menyatakan bahwa kolom tersebut belum diisi, dan fungsi ini mengembalikan nilai false, jika input sudah diisi fungsi ini mengembalikan nilai true.
function validate_required(field,alerttxt) {
with (field) {
if (value==null||value=="") {
alert(alerttxt);return false;
}
else {
return true;
}
}
}
Contoh terapan dalam dokumen HTML sebagai berikut
<html><head><script type="text/javascript"> function validate_required(field,alerttxt) { with (field) { if (value==null||value=="") {alert(alerttxt);return false;} else {return true} } }function validate_form(thisform){ with (thisform) { if (validate_required(email,"Email must be filled out!")==false) {email.focus();return false;} } } </script> </head><body><form action="submitpage.htm"onsubmit="return validate_form(this)" method="post"> Email: <input type="text" name="email" size="30"> <input type="submit" value="Submit"> </form> </body></html>
Validasi penulisan alamat e-mail
Fungsi javaScript berikut akan memeriksa penulisan alamat email secara umum yaitu mengandung paling tidak karakter @ dan sebuah titik (.), fungsi ini juga tidak memperbolehkan penulisan @ di awal alamat email, dan juga tanda titik akhir paling tidak berada pada 1 karakter setelah tanda @ :
function validate_email(field,alerttxt){
with (field)
{
apos=value.indexOf("@");
dotpos=value.lastIndexOf(".");
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false;}
else {return true;}
}
}
Contoh terapan dalam dokumen HTML adalah sebagai berikut
<html>
<head>
<script type="text/javascript">
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@");
dotpos=value.lastIndexOf(".");
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false;}
else {return true;}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_email(email,"Not a valid e-mail address!")==false)
{email.focus();return false;}
}
}
</script>
</head>
<body> <form action="submitpage.htm" onsubmit="return validate_form(this);" method="post"> Email: <input type="text" name="email" size="30"> <input type="submit" value="Submit"> </form> </body>
</html>
Nah, selamat mencoba ![]()
Sap, aku meh tanya…nek buat blog tapi namanya ga pake embel2 blogspot atau yang lainnya, bisa ga? artinya dibuat kayak website gitu? bisa ga?thenkyu…