Asp.Net的六种验证控件

数据验证的方式有三种

1. 后端代码验证（数据提交给服务器来验证）
2. JavaScript验证（无需服务器参与）
3. 服务器验证控件（客户端+服务器端的验证）

本文章主要介绍第三种，服务器端的验证控件

[讲解顺序：常用属性、使用例子、注意事项]

RequiredFieldvalidator非空验证控件

常用属性：
ControToValidate 验证控件的ID值
ErrorMessage 提交错误给汇总的控件
Text 出错的提示

使用例子[注册名称必填]

<table>
	<tr>
		<td>
			<asp:Label ID="lab_name" runat="server" Text="姓名："></asp:Label>
		</td>
        <td>
            <asp:TextBox ID="txt_name" runat="server" Style="margin-left: 0px"></asp:TextBox>
			<asp:RequiredFieldValidator ID="rqfv_name" runat="server"
            	 ControlToValidate="txt_name"
                 ErrorMessage="名称必填写噢">名称必填写噢
            </asp:RequiredFieldValidator>
		</td>
	</tr>
	<tr>
		<td colspan="2">
			<asp:Button ID="but_Submit" runat="server" Text="提交" />
		</td>
	</tr>
</table>

注意事项：
验证控件的文本为空时触发；
多提倡结合其他验证控件一起使用，用户体验效果会更好；

CompareValidator比较验证控件

常用属性：
ControlToValidate 验证控件的ID值 [确认密码]
ControlToCompare 要比较的控件ID值 [密码]
Type 比较类型 [默认类型为String]
Operator 比较运算符 [默认类型为Equal相等]
ValueToCompare 用于进行比较的值 [相当于ControlToCompare属性的值 ]

使用例子[确认密码的验证]

<table>
	<tr>
		<td>
			<asp:Label ID="lab_pswd" runat="server" Text="密码："></asp:Label>
		</td>
        <td>
            <asp:TextBox ID="txt_pswd" runat="server" Style="margin-left: 0px"></asp:TextBox>
            <asp:RequiredFieldValidator ID="rqfv_pswd" runat="server"
                 ControlToValidate="txt_pswd"
           		 ErrorMessage="密码必填写噢">密码必填写噢
           	</asp:RequiredFieldValidator>
		</td>
	</tr>
	<tr>
		<td>
			<asp:Label ID="lab_repswd" runat="server" Text="确认密码："></asp:Label>
		</td>
		<td>
			<asp:TextBox ID="txt_repswd" runat="server" Style="margin-left: 0px"></asp:TextBox> 
			<asp:CompareValidator ID="cpv_repswd" runat="server"
				 ControlToValidate="txt_repswd"
                 ControlToCompare="txt_pswd" 
                 ErrorMessage="两次输入密码不一致" 
                 ValueToCompare="233">两次输入密码不一致
            </asp:CompareValidator>
		</td>
	</tr>
	<tr>
		<td colspan="2">
			<asp:Button ID="but_Submit" runat="server" Text="提交" />
		</td>
	</tr>
</table>

要点总结：
ControlToCompare属性不填写，ValueToCompare属性填写
验证控件会和ValueToCompare属性值进行比较

ControlToCompare属性填写，ValueToCompare属性不填写
验证控件会和ControlToCompare属性值进行比较

ControlToCompare属性、ValueToCompare属性都填写
验证控件会和ControlToCompare属性值进行比较

注意事项：
验证控件输入文本后触发；

RangerValidator范围验证控件

常用属性：
ControlToValidate 验证控件的ID值
MaximumValue 最大值
MinimumValue 最小值
Type 比较类型 [默认类型为String]

使用例子[年龄范围的验证]

<table>
	<tr>
		<td>
			<asp:Label ID="lab_age" runat="server" Text="年龄："></asp:Label>
		</td>
        <td>
           <asp:TextBox ID="txt_age" runat="server" Style="margin-left: 0px"></asp:TextBox>
           <asp:RangeValidator ID="rgv_age" runat="server"
                ControlToValidate="txt_age"
                ErrorMessage="年龄范围在18-60之间"
                MinimumValue="18" MaximumValue="60" 
                Type="Integer">年龄范围在18-60之间	
            </asp:RangeValidator>
		</td>
	</tr>
	<tr>
		<td colspan="2">
			<asp:Button ID="but_Submit" runat="server" Text="提交" />
		</td>
	</tr>
</table>

注意事项：
验证控件输入文本后触发；
比较类型必须与填写内容一致；

ReqularExpressionValidator正则表达式验证控件

常用属性：
ValidationExpression 正则表达编辑器
找到该属性，选择对应正则表达式即可

注意事项：
验证控件输入文本后触发；

CustomValidator自定义验证控件- -不常用

该验证控件使用次数较少，想要深入了解可自行研究研究；
常用属性：
ControlToValidate 验证控件的ID
ClientValidationFunction 自定义验证函数

常用事件：
ServerValidate服务器端验证控件

ValidatorSummary错误汇总验证控件

常用属性：
showMessageBox 弹出提示信息 [默认为false]
ShowSummary 显示报告内容 [默认为true]

使用例子[弹窗式的错误汇总]
在上面某个例子后加入该部分，点击提交按钮，即可弹出错误汇总

<tr>
	<td colspan="2">
		<asp:ValidationSummary ID="vds_Summary" runat="server"
			 ShowMessageBox="True" 
			 ShowSummary="False" />
	</td>
</tr>

使用例子[占位式的错误汇总]
在上面某个例子后加入该部分，点击提交按钮，即可将错误集中在该控件上显示

<tr>
	<td colspan="2">
		<asp:ValidationSummary ID="vds_Summary" runat="server" />
	</td>
</tr>

温馨提示：
喜欢灰碟分享的小伙伴不要忘记关注噢~这样子，想找我时就不会迷路啦*

联系方式：
Vx+：LHD7575