Thuộc tính required của HTML DOM Input Email

Thuộc tính required của đối tượng Input Email xác định xem trường email có bắt buộc phải điền trước khi gửi biểu mẫu hay không.

Cú pháp

Lấy giá trị (true/false)

inputEmailObject.required

Thiết lập giá trị

inputEmailObject.required = booleanValue

Giá trị Boolean

Ví dụ minh họa

Kiểm tra email bắt buộc khi gửi thư:

<!DOCTYPE html>
<html>
<head>
<title>Input Email required</title>
<style>
  form { width:70%; margin: 0 auto; text-align: center; }
  * { padding: 2px; margin:5px; }
  input[type="button"] { border-radius: 10px; }
</style>
</head>
<body>
<form>
  <h1>Soạn thư</h1>
  <fieldset>
    <legend>Email-required</legend>
    <label for="EmailSelect">Email ID: <input type="email" id="EmailSelect" required> </label><br>
    <label for="textarea">Nội dung: <textarea id="textarea" rows="2" cols="20" placeholder="Nhập tin nhắn..."></textarea></label><br>
    <input type="button" onclick="showMessage()" value="Gửi thư">
    <div id="divDisplay"></div>
  </fieldset>
</form>
<script>
  var divDisplay = document.getElementById("divDisplay");
  var inputEmail = document.getElementById("EmailSelect");
  function showMessage() {
    if(inputEmail.required === true && inputEmail.value === '')
      divDisplay.textContent = 'Không thể gửi: Email là bắt buộc';
    else
      divDisplay.textContent = 'Đã gửi thư';
  }
</script>
</body>
</html>

Kết quả

Nếu chưa nhập email và nhấn "Gửi thư", báo lỗi "Email là bắt buộc". Nếu đã nhập, hiển thị "Đã gửi thư".