JavaScript Formulir Validasi
JavaScript dapat digunakan untuk memvalidasi data dalam bentuk HTML sebelum mengirim off konten ke server.
Formulir data yang biasanya diperiksa oleh JavaScript dapat berupa:
- memiliki pengguna meninggalkan bidang yang diperlukan kosong?
- pengguna telah memasukkan alamat e-mail yang valid?
- memiliki pengguna memasukkan tanggal yang valid?
- memiliki pengguna memasukkan teks dalam bidang numerik
Diperlukan Bidang?
Fungsi di bawah mengecek apakah sebuah bidang telah ditinggalkan kosong. Jika field kosong, sebuah kotak peringatan peringatan pesan, fungsi mengembalikan palsu, dan form tidak akan diserahkan:
function validateForm()
{
var x=document.forms[“myForm”][“fname”].value;
if (x==null || x==””)
{
alert(“First name must be filled out”);
return false;
}
}
Fungsi di atas bisa disebut ketika formulir dikirimkan:
<form name=”myForm” action=”demo_form.asp” onsubmit=”return validateForm()” method=”post”>
First name: <input type=”text” name=”fname”>
<input type=”submit” value=”Submit”>
</form>
E-mail Validasi
Fungsi di bawah ini memeriksa apakah konten memiliki sintaks umum dari email.
Ini berarti bahwa input data harus berisi tanda @ dan setidaknya satu titik (.). Juga, @ tidak harus menjadi karakter pertama dari alamat email, dan titik terakhir harus hadir setelah tanda @, dan minimal 2 karakter sebelum akhir:
function validateForm()
{
var x=document.forms[“myForm”][“email”].value;
var atpos=x.indexOf(“@”);
var dotpos=x.lastIndexOf(“.”);
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
{
alert(“Not a valid e-mail address”);
return false;
}
}
Fungsi di atas bisa disebut ketika formulir dikirimkan:
<form name=”myForm” action=”demo_form.asp” onsubmit=”return validateForm();” method=”post”>
Email: <input type=”text” name=”email”>
<input type=”submit” value=”Submit”>
</form>