html5 內建表單驗證用法

html

====

<form id="form1"> 

 <input required .../> // 檢查是否有輸入資料

 <input type="email" ... /> // 檢查是否符合email 格式

 <input type="number" min="1" max="10" .../> // 檢查數值是否落在指定範圍

 <input pattern="..." .../> // 用正規表示式檢查輸入資料  

</form>

javascript

====

需要驗證表單則呼叫 checkValidity()

ex. $('#form1')[0].checkValidity()

需要顯示錯誤訊息則呼叫 reportValidity() (自動呼叫checkValidity())

ex. $('#form1')[0].reportValidity()