JavaScript驗證

JavaScript 表單
HTML 表單驗證可以通過 JavaScript 來完成。
HTML 表單驗證也可以通過瀏覽器來自動完成。
如果表單字段 (fname) 的值爲空, required 屬性會阻止表單提交：
。。。。。。
數據驗證：
數據驗證用於確保用戶輸入的數據是有效的。
典型的數據驗證有：
必需字段是否有輸入?
用戶是否輸入了合法的數據?
在數字字段是否輸入了文本?
http://www.iis7.com/a/lm/gjcpmcx/
大多數情況下，數據驗證用於確保用戶正確輸入數據。
數據驗證可以使用不同方法來定義，並通過多種方式來調用。
服務端數據驗證是在數據提交到服務器上後再驗證。
客戶端數據驗證 side validation是在數據發送到服務器前，在瀏覽器上完成驗證。
。。。。。。
HTML 約束驗證：
HTML5 新增了 HTML 表單的驗證方式：約束驗證（constraint validation）。
約束驗證是表單被提交時瀏覽器用來實現驗證的一種算法。
HTML 約束驗證基於：
HTML 輸入屬性
CSS 僞類選擇器
DOM 屬性和方法
。。。。。。
約束驗證 HTML 輸入屬性：
disabled：規定輸入的元素不可用
max：規定輸入元素的最大值
min：規定輸入元素的最小值
pattern：規定輸入元素值的模式
required：規定輸入元素字段是必需的
type：規定輸入元素的類型
。。。。。。
約束驗證 CSS 僞類選擇器：
:disabled：選取屬性爲 "disabled" 屬性的 input 元素
:invalid：選取無效的 input 元素
:optional：選擇沒有"required"屬性的 input 元素
:required：選擇有"required"屬性的 input 元素
:valid：選取有效值的 input 元素
::::::::::::::::::::::::::::::::::::::::::::::::::::
JavaScript 表單驗證
JavaScript 可用來在數據被送往服務器前對 HTML 表單中的這些輸入數據進行驗證。
表單數據經常需要使用 JavaScript 來驗證其正確性：
驗證表單數據是否爲空？
驗證輸入是否是一個正確的email地址？
驗證日期是否輸入正確？
驗證表單輸入內容是否爲數字型？
::::::::::::::::::::::::::::::::::::::::::::
JavaScript 驗證 API
約束驗證 DOM 方法：
checkValidity()：如果 input 元素中的數據是合法的返回 true，否則返回 false。
setCustomValidity()：
設置 input 元素的 validationMessage 屬性，用於自定義錯誤提示信息的方法。
使用setCustomValidity設置了自定義提示後，validity.customError就會變成true，則checkValidity總是會返回false。如果要重新判斷需要取消自定義提示，方式如下：
setCustomValidity('')
setCustomValidity(null)
setCustomValidity(undefined)
。。。。。。
約束驗證 DOM 屬性：
validity ：布爾屬性值，返回 input 輸入值是否合法。
validationMessage：瀏覽器錯誤提示信息。
willValidate：指定 input 是否需要驗證。