Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để thêm xác thực biểu mẫu cho các trường đầu vào trống bằng JavaScript?


Để thêm xác thực biểu mẫu cho các trường đầu vào trống bằng JavaScript, mã như sau -

Ví dụ

<!DOCTYPE html>
<html>
<head></head>
<h1>JavaScript empty input field validation example</h1>
<form
name="Form1"
onsubmit="return emptyValidation()"
required>
Name: <input type="text" name="firstName" />
<input type="submit" value="Submit" />
</form>
<h2>Submit the form empty to see the validation performed</h2>
<script>
   function emptyValidation() {
      var formField = document.forms["Form1"]["firstName"].value;
      if (formField == "" || x == null) {
         alert("Name must be filled out");
         return false;
      }
   }
</script>
</body>
</html>

Đầu ra

Đoạn mã trên sẽ tạo ra kết quả sau -

Làm cách nào để thêm xác thực biểu mẫu cho các trường đầu vào trống bằng JavaScript?

Khi gửi biểu mẫu trống -

Làm cách nào để thêm xác thực biểu mẫu cho các trường đầu vào trống bằng JavaScript?