Latest web development tutorials
×

JavaScript kuliah

JavaScript kuliah JavaScript pengantar singkat JavaScript pemakaian JavaScript ekspor JavaScript tatabahasa JavaScript laporan JavaScript catatan JavaScript variabel JavaScript Jenis Data JavaScript benda JavaScript fungsi JavaScript cakupan JavaScript peristiwa JavaScript tali JavaScript operator JavaScript membandingkan JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Jenis Konversi JavaScript Regular Expressions JavaScript kesalahan JavaScript debugging JavaScript angkat variabel JavaScript Modus yang ketat JavaScript Gunakan tidak tepat JavaScript bentuk Authentication JavaScript Reserved Keywords JavaScript JSON JavaScript void JavaScript kode Spesifikasi

JS fungsi

JavaScript definisi fungsi JavaScript Argumen fungsi JavaScript fungsi panggilan JavaScript penutupan

JS HTML DOM

DOM pengantar singkat DOM HTML DOM CSS DOM peristiwa DOM EventListener DOM elemen

JS canggih Tutorial

JavaScript benda JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp benda

JS Browser BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript pop JavaScript Kegiatan Jangka waktu JavaScript Cookies

JS gudang

JavaScript gudang JavaScript uji jQuery JavaScript uji Prototype

JS contoh

JavaScript contoh JavaScript contoh objek JavaScript Browser contoh objek JavaScript HTML DOM contoh JavaScript ringkasan

JS Reference manual

JavaScript benda HTML DOM benda

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 »