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