.NET之验证控件大全

javascript 函数和 CustomValidator控件相结合使用

<asp:TextBox ID="txtPwdPrompt"runat="server"></asp:TextBox>

<asp:CustomValidatorid="CVPwdPrompt"runat="server" ClientValidationFunction="CheckPwd"ControlToValidate="txtPwdPrompt" ErrorMessage="<spanstyle='font:12px'>提示问题必须在2-50个字符内</span>"Display="None"></asp:CustomValidator>

Javascript函数:

<script language="javascript" type="text/javascript">

functionClientValidation(source,value)

{

varstr = value.Value;

varlen = 0;

for(var i=0;i<str.length;i++)

{

if(str.charCodeAt(i)<128)

len++;

else

len+=2;

}

if(len>5)

value.IsValid = true;

else

value.IsValid = false;

}

functionCheckPwd(source, arguments) {

if(arguments.Value.length > 2 && arguments.Value.length < 11)

{

arguments.IsValid = true;

alert("验证通过！");

}

else

{

arguments.IsValid = false;

alert("请输入密码的长度3到10之间！");

}

}

</script>

函数有两个参数:

source 参数是对为 CustomValidator 控件呈现的 <span> 元素的引用。因此，您可以编程的方式控制 <span> 标记，如修改 InnerHtml 属性。

arguments 参数是一个具有以下两个属性的对象：Value 和 IsValid。使用此参数可以获取控件的值，以根据自定义验证例程验证并指示该值是否有效。

使用 ClientValidationFunction 属性指定与 CustomValidator 控件关联的客户端验证脚本函数的名称。由于该脚本函数在客户端执行，因此该函数必须使用目标浏览器支持的语言（如 VBScript 或 JScript）来编写。

服务器端验证与客户端验证一样，可以通过使用 arguments 参数的 Value 属性来访问要验证的输入控件中的字符串。通过设置 arguments 参数的 IsValid 属性返回验证结果。

代码如下：

protectedvoid cvLength_ServerValidate(object source, ServerValidateEventArgsargs)

{

if(args.Value.Length > 5)

{

args.IsValid = true;

}

else

{

args.IsValid = false;

}

}

注意:Value首字母必须大写

------------------------------------------------------------------------------------------------------------------------------

CustomValidator验证控件使用

CustomValidator控件允许用户自定义验证,可以在服务器端验证，可以在客户端验证，也可以在客户端和服务端同时验证

下面的例子是验证一个数能否被2整除

1. 服务器端验证
在验证的时候会用到IsValid这个属性，根据IsValid的值(true/false)来判断是否通过页面验证。

a. 拖放控件TextBox用于输入值；Button用于测试验证状态，IsValid为true触发Click事件；CustomValidator控制要验证的对象和验证事件等。

b. 设置CustomValidator的属性这里设置ErrorMessage为Not an even number!,ControlToValidate为Text1

c. 编写CustomValidator的ServerValidation事件

protected void CustomValidator1_ServerValidate(object source, ServerValidateEventArgs args)
{

try
{
int num = int.Parse(args.Value); 
args.IsValid = ((num%2)==0);
}
catch (Exception ex)
{
args.IsValid = false;
}
}

d. 编写Button的Click事件

protected void Button2_Click(object sender, EventArgs e)
{
if (Page.IsValid)
{
Response.Redirect("gouWuChe.aspx");
}
else
{
//提示
}

}

2. 客户端验证

使用javascript function验证，并用设置ClientValidationFunction为javascript 验证函数(function)

a. Javascript 函数

<script language="javascript">

function ValidateNumber(source,args)

{

if(args.Value%2==0)

{

args.IsValid=true;

}

else

{

args.IsValid=false;

}

}

</script>

b. 设置CustomValidator的属性这里设置ErrorMessage为请输入能被2整除的数,ControlToValidate为TextBox1,ClientValidationFunction为ValidateNumber

c. 编写Button的Click事件

protected void Button2_Click(object sender, EventArgs e)
{
if (Page.IsValid)
{
Response.Redirect("gouWuChe.aspx");
}
else
{
//提示
}

}

3. 客户端和服务端同时验证

将上面的两部分代码合并可以了