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伪类 。