Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

คุณสมบัติ formNoValidate ของ HTML DOM Input Submit


คุณสมบัติ formNoValidate ของ HTML DOM Input Submit ใช้สำหรับตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ formNoValidate ของปุ่ม submit คุณสมบัติ formNoValidate ใช้ระบุว่าข้อมูลฟอร์มควรตรวจสอบความถูกต้องหรือไม่เมื่อส่งไปยังเซิร์ฟเวอร์ มันจะลบล้างคุณสมบัติ novalidate ขององค์ประกอบ <form> คุณสมบัตินี้ถูกนำมาใช้ใน HTML5 สำหรับองค์ประกอบ input ที่มี type submit

ไวยากรณ์ต่อไปนี้สำหรับ:

การตั้งค่าคุณสมบัติ formNoValidate:

submitObject.formNoValidate = true|false

ที่นี่ true ระบุว่าข้อมูลฟอร์มไม่ควรตรวจสอบ ในขณะที่ false หมายถึงข้อมูลต้องถูกตรวจสอบ ค่าเริ่มต้นคือ false

ตัวอย่าง

มาดูตัวอย่างสำหรับคุณสมบัติ formNoValidate ของ Input Submit:

<!DOCTYPE html> <html> <body> <h1>Submit formNoValidate property</h1> <form id="FORM_1" action="/Sample.php" style="border:solid 2px green;padding:2px"> UserName: <input type="text" id="USR"> <br> Location: <input type="text" id=“Loc”> <br><br> <input type="submit" id="SUBMIT1" formnovalidate=false> </form> <p>ข้อมูลจะถูกตรวจสอบเมื่อส่งโดยคลิกปุ่มด้านล่าง</p> <button onclick="formValidate()">VALIDATE</button> <p id="Sample"></p> <script>    function formValidate() {       document.getElementById("SUBMIT1").formNoValidate=false;       document.getElementById("Sample").innerHTML = "The formNoValidate value is now set to false and the form data will be validated now on submitting.";    } </script> </body> </html>

ผลลัพธ์

จะได้ผลลัพธ์ดังนี้:

คุณสมบัติ formNoValidate ของ HTML DOM Input Submit

เมื่อคลิกปุ่ม VALIDATE:

คุณสมบัติ formNoValidate ของ HTML DOM Input Submit