Cách sử dụng JS để xác thực trường nhập liệu trống

Học cách sử dụng JavaScript để thêm xác thực biểu mẫu cho trường nhập liệu trống.

Xác thực biểu mẫu với trường nhập liệu trống

Bước 1 - Thêm HTML:

<form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post" required>
  Tên: <input type="text" name="fname">
  <input type="submit" value="Gửi">
</form>

Bước 2 - Thêm JavaScript:

Nếu trường nhập liệu (fname) trống, hàm này sẽ phát ra thông báo cảnh báo và trả về false, để ngăn chặn biểu mẫu được gửi:

function validateForm() {
  var x = document.forms["myForm"]["fname"].value;
  if (x == "") {
    alert("Tên phải được điền đầy đủ");
    return false;
  }
}

Thử nghiệm trực tiếp