前言

---

在 HTML5 下提供了基本的表單驗證方式，預設是啟用的狀態。你可以在想要進行驗證的 Input 元素上加上 required, max, min 等屬性當在 Submit 時進行驗證，但是某些時候我們會想自行定義驗證方法，例如使用 jquery.validate plug-in 自訂錯誤或不想進行驗證時該如何關閉 HTML5 本身的驗證方式呢?

 

關閉 HTML5 Validate

---

在網頁使用 HTML5 標準且當表單上有個輸入框是必填欄位時，如下 HTML

<form>
    <input type="text" required />
    <input type="submit" value="Validate submit" />
</form>

 

在表單送出時會出現以下訊息

 

但如不想使用 HTML5 Validate 時，可以在 <Form> 加入 novalidate 來關閉驗證，如下

<form novalidate>
    <input type="text" required />
    <input type="submit" value="No validate submit" />
</form>

 

當關閉驗證時，在 Input 上加上 required 屬性就不會進行驗證，所以這時你就需要自行處理驗證方法了。

 

jsfiddle 範例

---

http://jsfiddle.net/RvBaF/

 

 

---

以上文章敘述如有錯誤及觀念不正確，請不吝嗇指教
如有侵權內容也請您與我反應～謝謝您 :)