JavaScript validasi form

JavaScript validasi form

JavaScript dapat digunakan sebelum dikirim ke server di data tersebut berupa HTML validasi input data.

data formulir sering perlu menggunakan JavaScript untuk memverifikasi kebenaran nya:


  • Pastikan bahwa data formulir kosong?

  • Memverifikasi apakah input adalah alamat email yang benar?

  • Memverifikasi tanggal dimasukkan dengan benar?

  • Memvalidasi form input adalah tipe numerik?


Diperlukan (atau wajib) proyek

Fungsi berikut digunakan untuk memeriksa apakah pengguna diwajibkan untuk mengisi formulir (atau wajib) proyek. Jika diperlukan atau pilihan yang diperlukan kosong, maka kotak peringatan akan muncul, dan nilai kembali fungsi ini adalah palsu, jika nilai kembali fungsi ini benar (tidak ada masalah berarti bahwa data):

function validateForm()
{
	var x=document.forms["myForm"]["fname"].value;
	if (x==null || x=="")
	{
		alert("姓必须填写");
		return false;
	}
}

Fungsi di atas disebut ketika formulir dikirimkan berupa:

contoh

<form name="myForm" action="demo-form.php" onsubmit="return validateForm()" method="post">
姓: <input type="text" name="fname">
<input type="submit" value="提交">
</form>

Coba »


verifikasi E-mail

Fungsi cek apakah data yang dimasukkan memenuhi sintaks dasar berikut alamat email.

Maksudnya adalah bahwa input data harus menyertakan simbol @ dan titik (.). Sementara itu, @ bukanlah mail karakter pertama setelah @ dan kebutuhan untuk setidaknya beberapa poin:

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("不是一个有效的 e-mail 地址");
		return false;
	}
}

Berikut ini adalah kode lengkap bersama dengan bentuk HTML:

contoh

<form name="myForm" action="demo-form.php" onsubmit="return validateForm();" method="post">
Email: <input type="text" name="email">
<input type="submit" value="提交">
</form>

Coba »