Jika bentuk field (fname) kosong, fungsi ini memberi pesan peringatan, dan mengembalikan false, untuk mencegah form isian kosong:
<!DOCTYPE html>
<html>
<head>
<script>
function validateForm() {
var x = document.forms["myForm"]["fname"].value;
if (x == null || x == "") {
alert("Name must be filled out");
return false;
}
}
</script>
</head>
<body>
<form name="myForm" action="demo_form.asp"
onsubmit="return validateForm()" method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
</body>
</html>
Berikut bentuk lain validasi Form HTML menggunakan JavaScript seperti contoh dibawah ini.
<!DOCTYPE html>
<html>
<body>
<form action="demo_form.asp" method="post">
<input type="text" name="fname" required>
<input type="submit" value="Submit">
</form>
</body>
</html>
 | Validasi form HTML diatas tidak bekerja di Internet Explorer 9 atau sebelumnya. |
|---|
Sumber : w3schools
0 komentar:
Posting Komentar