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

Thuộc tính required của đối tượng Input Week trong HTML DOM xác định ô chọn tuần/năm có bắt buộc phải chọn trước khi submit form hay không.

Cú pháp

Lấy giá trị boolean

inputWeekObject.required

Thiết lập required

inputWeekObject.required = booleanValue

Các giá trị boolean

Ví dụ minh họa

Ô week có required=true. Kiểm tra khi nhấn "Xác nhận tuần":

<!DOCTYPE html>
<html>
<head>
<title>Input Week 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>
  <fieldset>
    <legend>Week-required</legend>
    <label for="WeekSelect">Tuần thi: <input type="week" id="WeekSelect" required> </label> 
    <input type="button" onclick="xacNhanTuan()" value="Xác nhận tuần"> 
    <div id="divDisplay"></div> 
  </fieldset> 
</form> 
<script> 
  var divDisplay = document.getElementById("divDisplay"); 
  var inputWeek = document.getElementById("WeekSelect"); 
  divDisplay.textContent = 'Tuần bắt buộc: ' + inputWeek.required; 
  function xacNhanTuan() { 
    if(inputWeek.value === '') 
      divDisplay.textContent += ', Vui lòng chọn tuần hợp lệ.'; 
    else 
      divDisplay.textContent = 'Tuần đã xác nhận: ' + inputWeek.required; 
  } 
</script> 
</body> 
</html>

Kết quả

• Ban đầu: "Tuần bắt buộc: true".
• Nhấn Xác nhận tuần khi chưa chọn: thêm "Vui lòng chọn tuần hợp lệ.".
• Chọn tuần (ví dụ 2022-W10), nhấn nút: "Tuần đã xác nhận: true".

Lưu ý: Validation HTML5 tự động chặn submit nếu type="submit" và required=true. Cần validate thủ công khi dùng type="button".