JavaScript 教程
HTML 表單驗(yàn)證可以通過 JavaScript 來完成。
以下實(shí)例代碼用于判斷表單字段(fname)值是否存在， 如果不存在，就彈出信息，阻止表單提交：
以上 JavaScript 代碼可以通過 HTML 代碼來調(diào)用：
JavaScript 常用于對(duì)輸入數(shù)字的驗(yàn)證：
HTML 表單驗(yàn)證也可以通過瀏覽器來自動(dòng)完成。
如果表單字段 (fname) 的值為空, required 屬性會(huì)阻止表單提交：
Internet Explorer 9 及更早 IE 瀏覽器不支持表單自動(dòng)驗(yàn)證。
數(shù)據(jù)驗(yàn)證用于確保用戶輸入的數(shù)據(jù)是有效的。
典型的數(shù)據(jù)驗(yàn)證有：
大多數(shù)情況下，數(shù)據(jù)驗(yàn)證用于確保用戶正確輸入數(shù)據(jù)。
數(shù)據(jù)驗(yàn)證可以使用不同方法來定義，并通過多種方式來調(diào)用。
服務(wù)端數(shù)據(jù)驗(yàn)證是在數(shù)據(jù)提交到服務(wù)器上后再驗(yàn)證。
客戶端數(shù)據(jù)驗(yàn)證是在數(shù)據(jù)發(fā)送到服務(wù)器前，在瀏覽器上完成驗(yàn)證。
HTML5 新增了 HTML 表單的驗(yàn)證方式：約束驗(yàn)證（constraint validation）。
約束驗(yàn)證是表單被提交時(shí)瀏覽器用來實(shí)現(xiàn)驗(yàn)證的一種算法。
HTML 約束驗(yàn)證基于：
| 屬性 | 描述 |
|---|---|
| disabled | 規(guī)定輸入的元素不可用 |
| max | 規(guī)定輸入元素的最大值 |
| min | 規(guī)定輸入元素的最小值 |
| pattern | 規(guī)定輸入元素值的模式 |
| required | 規(guī)定輸入元素字段是必需的 |
| type? | 規(guī)定輸入元素的類型 |
完整列表，請(qǐng)查看 HTML 輸入屬性。
| 選擇器 | 描述 |
|---|---|
| :disabled | 選取屬性為 "disabled" 屬性的 input 元素 |
| :invalid | 選取無效的 input 元素 |
| :optional | 選擇沒有"required"屬性的 input 元素 |
| :required | 選擇有"required"屬性的 input 元素 |
| :valid | 選取有效值的 input 元素 |
完整列表，請(qǐng)查看 CSS 偽類。