实现一个JavaScript验证的Asp.net Helper
2009-09-25 18:53
344 查看
做WEB应用在HTML里写JavaScript(JS)验证数据是正常的事情,但VS.NET对JS的智能感知支持远没有C#这么强大,因此在写JS写多了也是麻烦的事情。为了方便所以写了一个Helper方便生成js验证代码。
先看下在应用中的代码:
<form action="Register.aspx" method="post" onsubmit="return VRegister()">
<p>用户名:<%=HtmlHelper.Input(InputType.text, "UserName").Value(view.User.UserName).Id("user")%><label id="usertip" /></p>
<p>密码:<%=HtmlHelper.Input(InputType.password,"UserPWD").Id("pwd") %><label id="pwdtip" /></p>
<p>确认密码:<%=HtmlHelper.Input(InputType.password,"RPWD").Id("rpwd") %><label id="rpwdtip" /></p>
<p>邮件地址:<%=HtmlHelper.Input(InputType.text, "EMail").Value(view.User.EMail).Id("email")%><label id="emailtip" /></p>
<p><input type="submit" value="注册" /></p>
<p></p>
</form>
<%JSValidator jsv = new JSValidator("VRegister");
jsv.Add(jsv.Create("user", "usertip").NotNull("请输入用户名!", null),
jsv.Create("pwd","pwdtip").NotNull("请输入密码!",null),
jsv.Create("rpwd","rpwdtip").NotNull("请输入确认密码!",null).StringCompare("pwd", CompareType.eq,"密码不一致!",null),
jsv.Create("email","emailtip").NotNull("请输入邮件地址!",null).EMail("非法邮件地址!",null));
%>
<%=jsv %>
灰色部分代码就是验证Helper的代码,通过C#代码能够很快的完成输写。
实际的应用效果:
Code
public Validator Ajax(string url, string data, string errmsg, string successmsg)
{
OutputScript(o => { WriteLine("\t\t_{0}.Ajax('{1}','{2}');", GetHashCode(), url,data); }, errmsg, successmsg);
return this;
}
先看下在应用中的代码:
<form action="Register.aspx" method="post" onsubmit="return VRegister()">
<p>用户名:<%=HtmlHelper.Input(InputType.text, "UserName").Value(view.User.UserName).Id("user")%><label id="usertip" /></p>
<p>密码:<%=HtmlHelper.Input(InputType.password,"UserPWD").Id("pwd") %><label id="pwdtip" /></p>
<p>确认密码:<%=HtmlHelper.Input(InputType.password,"RPWD").Id("rpwd") %><label id="rpwdtip" /></p>
<p>邮件地址:<%=HtmlHelper.Input(InputType.text, "EMail").Value(view.User.EMail).Id("email")%><label id="emailtip" /></p>
<p><input type="submit" value="注册" /></p>
<p></p>
</form>
<%JSValidator jsv = new JSValidator("VRegister");
jsv.Add(jsv.Create("user", "usertip").NotNull("请输入用户名!", null),
jsv.Create("pwd","pwdtip").NotNull("请输入密码!",null),
jsv.Create("rpwd","rpwdtip").NotNull("请输入确认密码!",null).StringCompare("pwd", CompareType.eq,"密码不一致!",null),
jsv.Create("email","emailtip").NotNull("请输入邮件地址!",null).EMail("非法邮件地址!",null));
%>
<%=jsv %>
灰色部分代码就是验证Helper的代码,通过C#代码能够很快的完成输写。
实际的应用效果:
Code
public Validator Ajax(string url, string data, string errmsg, string successmsg)
{
OutputScript(o => { WriteLine("\t\t_{0}.Ajax('{1}','{2}');", GetHashCode(), url,data); }, errmsg, successmsg);
return this;
}
相关文章推荐
- ASP.NET与JavaScript轻松实现输入信息验证
- JavaScript总结(1)-Asp.Net 中利用JavaScript实现客户端验证
- ASP.NET MVC Unobtrusive JavaScript 实现 onfocusout 验证, onfocusin 清除错误
- ASP.NET MVC Unobtrusive JavaScript 实现 onfocusout 验证, onfocusin 清除错误(转)
- 验证一个ASP.NET应用程序和页面的生命周期的实现代码
- 将后台数据读取到前台的EXCEL文件中去,用javascript实现,asp.net,javacript(发一个原创)
- ASP.NET中服务器控件Button调用javascript代码运用正则表达式验证TextBox中输入的是否为正整数或正小数,符合要求则继续运行服务器端代码功能的实现
- ASP.NET MVC5+MySql使用ASP.NET 身份验证实现用户和角色功能 1 概述 目标:使用MySql数据库,建立一个使用ASP.NET 身份验证的应用,并实现角色功能,身份
- ASP.NET与JavaScript轻松实现输入信息验证
- JavaScript总结(1)-Asp.Net 中利用JavaScript实现客户端验证
- 一个用asp.net实现Forms验证的例子
- 验证一个ASP.NET应用程序和页面的生命周期的实现代码
- asp.net中JavaScript数据验证实现代码
- ASP.NET与JavaScript轻松实现输入信息验证
- 设计、实现一个 Asp.Net 应用的通用数据存取层(二)
- Asp.net中使用DapperExtensions和反射来实现一个通用搜索
- ASP.NET MVC如何实现自定义验证(服务端验证+客户端验证)
- asp.net javascript验证 服务器控件