JavaScript的表單驗證
HTML表單驗證可以通過一個JavaScript來完成。
如果一個表單字段（FNAME）是空的，這個功能警報的消息，並返回false，防止表單被提交：
JavaScript示例
function validateForm() {
var
x = document.forms["myForm"]["fname"].value;
if (x == null || x == "") {
alert("Name must be filled out");
return false;
}
}在提交表單時，此功能可以被稱為：
HTML表單示例
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()"
method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form> 試一試» HTML表單驗證
HTML表格驗證可以自動由瀏覽器執行：
如果表單域(fname)是空的， required屬性，防止被提交此表：
HTML表單示例
<form action="demo_form.asp" method="post">
<input type="text" name="fname" required >
<input type="submit" value="Submit">
</form> 試一試» 自動HTML表單驗證不會在Internet Explorer 9或更早版本的工作。
數據驗證
數據驗證是確保電腦輸入是乾淨的，正確的，有效的過程。
典型的驗證任務是：
- 填補了所有必填字段用戶？
- 有用戶輸入一個有效的日期？
- 有用戶在數字字段中輸入文字？
最多，數據驗證的目的是為了確保正確輸入到計算機應用程序。
驗證可以通過許多不同的方法來定義，並且部署在許多不同的方式。
服務器端驗證由Web服務器執行，之後輸入已發送到服務器。
客戶端驗證是通過網絡瀏覽器進行的，以前的輸入被發送到web服務器。
HTML約束驗證
HTML5引入了一個名為約束驗證新的HTML驗證的概念。
HTML約束驗證的依據是：
- 約束驗證HTML 輸入屬性
- 約束驗證CSS偽選擇
- 約束驗證DOM屬性和方法
約束驗證HTML輸入屬性
| 屬性 | 描述 |
|---|---|
| disabled | 指定輸入元件應被禁用 |
| max | 指定一個輸入元件的最大值 |
| min | 指定一個輸入元件的最小值 |
| pattern | 指定輸入元素的值模式 |
| required | 指定輸入字段需要的元件 |
| type | 指定一個輸入元素的類型 |
如需完整列表，請訪問HTML輸入屬性 。
約束驗證CSS偽選擇
| 選擇 | 描述 |
|---|---|
| :disabled | 選擇輸入元素與指定的“已禁用”屬性 |
| :invalid | 選擇具有無效值輸入元素 |
| :optional | 選擇輸入元素不指定“必需的”屬性 |
| :required | 選擇輸入元素與指定的“必需的”屬性 |
| :valid | 選擇與有效值輸入元素 |
對於一個完整列表，得到了CSS偽類 。