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

Thuộc tính required của Input Text trong HTML DOM liên quan đến thuộc tính required của phần tử <input>. Thuộc tính này thiết lập và trả về xem có bắt buộc điền trường văn bản trước khi submit form hay không. Cho phép form không submit nếu trường required bị để trống.

Cú pháp

Cú pháp để thiết lập thuộc tính required:

textObject.required = true|false

true = bắt buộc điền, false = tùy chọn.

Ví dụ

Ví dụ minh họa cho thuộc tính required:

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính required của Input Text</h1> 
<form action="/Sample_page.php"> 
    TÊN ĐĂNG NHẬP: <input type="text" id="USR" name="user_name" required> 
    <input type="submit"> 
</form> 
<p>Kiểm tra xem trường trên có bắt buộc điền hay không bằng cách nhấn nút dưới đây</p> 
<button onclick="checkReq()">KIỂM TRA</button> 
<p id="Sample"></p> 
<script> 
    function checkReq() { 
        var Req = document.getElementById("USR").required; 
        if (Req == true) 
            document.getElementById("Sample").innerHTML = "Trường văn bản phải được điền trước khi submit"; 
        else 
            document.getElementById("Sample").innerHTML = "Trường văn bản là tùy chọn, có thể để trống"; 
    } 
</script> </body> </html>

Kết quả

Khi nhấn "KIỂM TRA", hiển thị thông báo bắt buộc điền. Nếu click Submit không nhập username, trình duyệt hiển thị cảnh báo và không cho submit.