คุณสมบัติที่จำเป็นสำหรับการค้นหาอินพุต HTML DOM เชื่อมโยงกับแอตทริบิวต์ที่จำเป็นขององค์ประกอบ คุณสมบัติที่จำเป็นใช้สำหรับการตั้งค่าและส่งคืนหากจำเป็นต้องกรอกฟิลด์ค้นหาหรือไม่ก่อนที่จะส่งแบบฟอร์มไปยังเซิร์ฟเวอร์ ซึ่งจะทำให้ไม่สามารถส่งแบบฟอร์มได้หากช่องค้นหาที่มีแอตทริบิวต์ที่จำเป็นว่างเปล่าโดยผู้ใช้
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์สำหรับ −
การตั้งค่าคุณสมบัติที่ต้องการ -
searchObject.required = true|false
ในที่นี้ true แสดงว่าต้องกรอกข้อมูลในช่องค้นหา ในขณะที่ false แสดงถึงตัวเลือกในการกรอกข้อมูลในช่องก่อนส่งแบบฟอร์ม
ตัวอย่าง
ให้เราดูตัวอย่างสำหรับการค้นหาอินพุตที่ต้องการคุณสมบัติ -
<!DOCTYPE html>
<html>
<body>
<h1>Input search required property</h1>
<p>Check if the above field is mandatory to be filled or not by clicking the below
button</p>
<form action="/Sample_page.php">
FRUITS: <input type="search" id="SEARCH1" name="fruits" required>
<input type="submit">
</form>
<br>
<button onclick="checkReq()">CHECK</button>
<p id="Sample"></p>
<script>
function checkReq() {
var Req=document.getElementById("SEARCH1").required;
if(Req==true)
document.getElementById("Sample").innerHTML="The search field must be filled before submitting";
else
document.getElementById("Sample").innerHTML="The search field is optional and can be left blank by the user";
}
</script>
</body>
</html> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อคลิกปุ่มตรวจสอบ -
หากคุณสมบัติที่ต้องการถูกตั้งค่าเป็น true และคุณคลิกส่ง −
