自定义验证一种用法：CustomValidator+ICallbackEventHandler
2010-06-30 19:28
357 查看
ASP.NET中的CustomValidator可以提供我们发挥无穷的想象力，不过有时候还是有点麻烦，在客户端写复杂的脚本嘛，实在是太麻烦。在服务端写验证嘛，又感觉要做一次提交，总是好像不纯粹。
当然，我们可以用updatepanel来模拟类似ajax的效果，我今天实在是吃饱了没事干了，提供另一种方案来实现无刷新提交+客户端验证+服务端逻辑验证。方法就是：回调
所要实现的业务逻辑依然非常简单，检查用户名是否存在。
aspx的html body的部分很简单，全部是web服务器控件
<body>
<form id="form1" runat="server">
<div>
<span style="">用户名字</span>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="*" ClientValidationFunction="CheckEven"
ControlToValidate="TextBox1" Display="Dynamic"></asp:CustomValidator><br />
<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
</div>
</form>
</body>
一个TextBox ，一个对其验证的CustomValidator ，一个测试提交过程的Button 。CustomValidator 有一个客户端验证函数CheckEven。
所以我们看下，改aspx页面的script的定义
<script type="text/javascript" language="javascript">
var isValid = false;
//服务端处理后的回调
function Validata(args, context) {
isValid = args == "true";
}
//CustomValidator需要验证时触发
function CheckEven(source, args) {
//agrs.Value就是对应输入控件包含的值
CallServer(args.Value, null);
//CallServer将需要验证的数据提交到服务器端，然后回调Validata函数
args.IsValid = isValid;
}
</script>
CheckEven函数式当需要客户端验证的时候由CustomValidator 组件激发，需要验证的值将以args.Value的形式传递，验证的结果可以赋值给args.IsValid 。
当我们获取到需要验证的值时，我们用CallServer(args.Value, null)函数提交给aspx.cs中的代码，服务器逻辑验证执行后，将结果传递给客户端的Validata(args, context)函数，其中args就是我们的验证结果。
回调的执行次序有点古怪，你想通了客户端的执行过程后，再往下看。
以下是aspx.cs文件的代码
public partial class WebForm2 : System.Web.UI.Page, ICallbackEventHandler
{
protected void Page_Load(object sender, EventArgs e)
{
string cer = this.ClientScript.GetCallbackEventReference(this, "args", "Validata", "", false);
//我一般是写在配置文件中
string callServerFormat = "function CallServer(args, context) {{ {0} }}";
string callbackScript = string.Format(callServerFormat, cer);
this.ClientScript.RegisterClientScriptBlock(this.GetType(), "CallServer", callbackScript, true);
}
#region ICallbackEventHandler 成员
public string GetCallbackResult()
{
return HasName ? "false" : "true";
}
public void RaiseCallbackEvent(string eventArgument)
{
HasName = eventArgument.IndexOf("admin") > -1;
}
private bool HasName
{
set;
get;
}
#endregion
protected void Button1_Click(object sender, EventArgs e)
{
}
}
首先你要关注的是，改page类需要实现ICallbackEventHandler接口。
该接口的两个实现方法，如果我们不必太在意一些规范的术语的话，那么大致就是
RaiseCallbackEvent(string eventArgument)从客户端的CallServer函数中得到需要验证的值eventArgument
string GetCallbackResult()将验证的结果以string的方式返回给客户端的Validata函数中的args
现在我们来关注下最后的关键点，客户端和服务端的桥梁CallServer，CallServer其实就是一个传递参数的函数，在函数我们再load的时候进行注册
string cer = this.ClientScript.GetCallbackEventReference(this, "args", "Validata", "", false);
//我一般是写在配置文件中
string callServerFormat = "function CallServer(args, context) {{ {0} }}";
string callbackScript = string.Format(callServerFormat, cer);
this.ClientScript.RegisterClientScriptBlock(this.GetType(), "CallServer", callbackScript, true);
这段代码的直接结果就是当页面生成的时候，在页面中生成以下脚本
function CallServer(args, context) { WebForm_DoCallback('__Page',args,Validata,"",null,false) }
好了，如果你现在吧代码都抄完了，那可以执行下页面看看，是否客户端已经可以完全在没有提交感觉的时候进行了验证！
我的开发环境：VS2008 SP1+XP+IE8
当然，我们可以用updatepanel来模拟类似ajax的效果，我今天实在是吃饱了没事干了，提供另一种方案来实现无刷新提交+客户端验证+服务端逻辑验证。方法就是：回调
所要实现的业务逻辑依然非常简单，检查用户名是否存在。
aspx的html body的部分很简单，全部是web服务器控件
<body>
<form id="form1" runat="server">
<div>
<span style="">用户名字</span>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="*" ClientValidationFunction="CheckEven"
ControlToValidate="TextBox1" Display="Dynamic"></asp:CustomValidator><br />
<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
</div>
</form>
</body>
一个TextBox ，一个对其验证的CustomValidator ，一个测试提交过程的Button 。CustomValidator 有一个客户端验证函数CheckEven。
所以我们看下，改aspx页面的script的定义
<script type="text/javascript" language="javascript">
var isValid = false;
//服务端处理后的回调
function Validata(args, context) {
isValid = args == "true";
}
//CustomValidator需要验证时触发
function CheckEven(source, args) {
//agrs.Value就是对应输入控件包含的值
CallServer(args.Value, null);
//CallServer将需要验证的数据提交到服务器端，然后回调Validata函数
args.IsValid = isValid;
}
</script>
CheckEven函数式当需要客户端验证的时候由CustomValidator 组件激发，需要验证的值将以args.Value的形式传递，验证的结果可以赋值给args.IsValid 。
当我们获取到需要验证的值时，我们用CallServer(args.Value, null)函数提交给aspx.cs中的代码，服务器逻辑验证执行后，将结果传递给客户端的Validata(args, context)函数，其中args就是我们的验证结果。
回调的执行次序有点古怪，你想通了客户端的执行过程后，再往下看。
以下是aspx.cs文件的代码
public partial class WebForm2 : System.Web.UI.Page, ICallbackEventHandler
{
protected void Page_Load(object sender, EventArgs e)
{
string cer = this.ClientScript.GetCallbackEventReference(this, "args", "Validata", "", false);
//我一般是写在配置文件中
string callServerFormat = "function CallServer(args, context) {{ {0} }}";
string callbackScript = string.Format(callServerFormat, cer);
this.ClientScript.RegisterClientScriptBlock(this.GetType(), "CallServer", callbackScript, true);
}
#region ICallbackEventHandler 成员
public string GetCallbackResult()
{
return HasName ? "false" : "true";
}
public void RaiseCallbackEvent(string eventArgument)
{
HasName = eventArgument.IndexOf("admin") > -1;
}
private bool HasName
{
set;
get;
}
#endregion
protected void Button1_Click(object sender, EventArgs e)
{
}
}
首先你要关注的是，改page类需要实现ICallbackEventHandler接口。
该接口的两个实现方法，如果我们不必太在意一些规范的术语的话，那么大致就是
RaiseCallbackEvent(string eventArgument)从客户端的CallServer函数中得到需要验证的值eventArgument
string GetCallbackResult()将验证的结果以string的方式返回给客户端的Validata函数中的args
现在我们来关注下最后的关键点，客户端和服务端的桥梁CallServer，CallServer其实就是一个传递参数的函数，在函数我们再load的时候进行注册
string cer = this.ClientScript.GetCallbackEventReference(this, "args", "Validata", "", false);
//我一般是写在配置文件中
string callServerFormat = "function CallServer(args, context) {{ {0} }}";
string callbackScript = string.Format(callServerFormat, cer);
this.ClientScript.RegisterClientScriptBlock(this.GetType(), "CallServer", callbackScript, true);
这段代码的直接结果就是当页面生成的时候，在页面中生成以下脚本
function CallServer(args, context) { WebForm_DoCallback('__Page',args,Validata,"",null,false) }
好了，如果你现在吧代码都抄完了，那可以执行下页面看看，是否客户端已经可以完全在没有提交感觉的时候进行了验证！
我的开发环境：VS2008 SP1+XP+IE8
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 自定义验证一种用法：CustomValidator+ICallbackEventHandler
- checkboxlist 选择为空时的判断(customvalidator[用户自定义验证控件]的应用)
- 【一点经验分享】Yii2 - custom validator not work 自定义验证无效的解决方法
- checkboxlist 选择为空时的判断(customvalidator[用户自定义验证控件]的应用)：
- asp:CustomValidator自定义验证控件的使用例子
- ASP.NET CustomValidator自定义验证是否为空
- Ajax:CustomValidator对输入的文本框进行验证
- CustomValidator控件用法
- 自定义busybox启动时创建的设备节点，mdev -s的另一种用法
- jQuery.validator.addMethod自定义验证方法【在表单验证中的使用 $("#appEdit_Form").validate({rules : {},messages:{}】
- HTML5表单自定义验证setCustomValidity
- 使用ICallbackEventHandler接口实现页面无刷新
- 在自定义控件中实现ICallbackEventHandler接口不经过回发而实现客户端回掉
- CustomValidator控件用法
- 基于Spring MVC框架JSR-303的自定义注解Validator验证实现
- 使用ICallBackEventHandler接口，后台使用Response.End问题的解决
- 整合Spring MVC，mybatis，hibernate,freemarker框架实现的自定义注解Validator验证机制实现对敏感词过滤的代码分享
- [译]SpringMVC自定义验证注解(SpringMVC custom validation annotations)
- jQuery.validator.addMethod自定义验证方法
- 使用ICallbackEventHandler 实现异步调用