HTML DOM 輸入提交 formNoValidate 屬性


HTML DOM 輸入提交 formNoValidate 屬性用於設定或返回提交按鈕的 formNoValidate 屬性值。formNoValidate 屬性用於指示在提交到伺服器時是否驗證表單資料。它將覆蓋 <form> 元素的 novalidate 屬性。此屬性在 HTML5 中引入,用於 type 提交的 input 元素。

以下是語法 −

設定 formNoValidate 屬性 −

submitObject.formNoValidate = true|false

此處,true 指定表單資料不應進行驗證,而 false 表示必須驗證資料。此屬性的預設值為 false。

示例

讓我們看一個輸入提交 formNoValidate 屬性的示例 −

<!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>Data will be validated on being submitted by clicking the below button</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>

輸出

這將產生以下輸出 −

單擊 VALIDATE 按鈕 −

更新於: 19-8-2019

58 個瀏覽

開啟您的 事業

完成課程以獲得認證

開始
廣告
© . All rights reserved.