Cách thực hiện - 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 nhập trống bằng JavaScript.
Xác thực mẫu cho đầu vào trống
Bước 1) Thêm HTML:
Ví 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 nhập (fname) trống, hàm này sẽ cảnh báo một thông báo và trả về sai để ngăn việc gửi biểu mẫu:
Ví dụ
function validateForm() {
var x =
document.forms["myForm"]["fname"].value;
if (x == "") {
alert("Name must be filled out");
return false;
}
}
Hãy tự mình thử »