HTML5 表單驗證屬性 Form Validation Attributes

HTML 中有內建一種不需要 JavaScript ，就可以對 Form 表單使用者輸入的內容執行基本的驗證。

    
<form>
  <label>Email:</label>
  <input type="email" required> <!-- 必填的 email 格式欄位 -->
  <button type="submit">送出</button>
</form>
    

在表單送出時會自動執行驗證，不需要撰寫其他的程式碼：

數值驗證：
必須 >=1 且 <=10

    
<input type="number" min="1" max="10" step="1">
    

正則表達式驗證：
必須有三個以上的小寫英文字母

    
<input type="text" pattern="[a-z]{3,}" title="請輸入至少 3 個英文小寫字母">
    

文章撰寫中...請稍後...

參考資料：
mdn - Client-side form validation