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>