Làm thế nào để - Xác thực JS cho các trường trống
Tìm hiểu cách thêm xác thực biểu mẫu cho các trường đầu vào trống bằng JavaScript.
Xác thực biểu mẫu cho đầu vào trống
Bước 1) Thêm HTML:
Thí dụ
<form name="myForm" action="/action_page.php" onsubmit="return validateForm()"
method="post" required>
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
Bước 2) Thêm JavaScript:
Nếu trường đầu vào (fname) trống, hàm này sẽ cảnh báo một thông báo và trả về false để ngăn biểu mẫu được gửi:
Thí dụ
function validateForm() {
var x =
document.forms["myForm"]["fname"].value;
if (x == "") {
alert("Name must be filled out");
return false;
}
}