Đầu vào HTML DOM Thuộc tính văn bản bắt buộc được liên kết với thuộc tính bắt buộc của phần tử . Thuộc tính bắt buộc được sử dụng để thiết lập và trả về nếu cần điền vào trường văn bản nào đó hoặc không trước khi biểu mẫu được gửi đến máy chủ. Điều này cho phép biểu mẫu không gửi nếu người dùng để trống trường văn bản có thuộc tính bắt buộc.
Cú pháp
Sau đây là cú pháp cho -
Đặt thuộc tính bắt buộc -
textObject.required = true|false
Ở đây, true đại diện cho trường văn bản phải được điền trong khi false đại diện cho tùy chọn điền vào trường trước khi gửi biểu mẫu.
Ví dụ
Chúng ta hãy xem một ví dụ về thuộc tính yêu cầu văn bản đầu vào -
<!DOCTYPE html>
<html>
<body>
<h1>Input Text required property</h1>
<form action="/Sample_page.php">
USERNAME: <input type="text" id="USR" name=”user_name” required>
<input type="submit">
</form>
<p>Check if the above field is mandatory to be filled or not by clicking the below button</p>
<button onclick="checkReq()">CHECK</button>
<p id="Sample"></p>
<script>
function checkReq() {
var Req=document.getElementById("USR").required;
if(Req==true)
document.getElementById("Sample").innerHTML="The text field must be filled before submitting";
else
document.getElementById("Sample").innerHTML="The text field is optional and can be left blank by the user";
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút KIỂM TRA -
Nếu bạn nhấp vào “Gửi” ngay bây giờ mà không nhập tên người dùng, một cảnh báo sẽ hiển thị và nó sẽ không cho phép bạn gửi biểu mẫu -
