Asp .Mvc 2.0用户客户端验证实例讲解(3)

今天给大家讲解下ASP .NET mvc的客户端验证。通常情况下，我们在页面中对输入的内容多要进行客户端验证，客户端验证一般使用射流研究…进行，这里咱们讲解下使用jquery.validate插件进行客户端验证。首先咱们看下注册页面的验证效果

以上验证主要包括1.用户名不能为空2.密码不能为空，密码长度不能小于5位数3.确认密码不能为空，确认密码长度不能小于5位，确认密码必须和密码文本框输入的一致4.邮箱格式必须正确。以下是使用jquery.validate插件进行验证的代码

[html]%@页语言='C# '继承='系统.网络。MVC。viewpagemvclogin。模特。注册模型“%！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head runat=' server ' title注册页面/title脚本类型=' text/JavaScript ' src=' http :/./Scripts/jquery-1。4 .1-vsdoc。js/脚本脚本类型=' text/JavaScript ' src=' http :/./Scripts/jquery。验证。js '/script脚本类型=' text/JavaScript ' $().ready(function () { $('#form1 ')).验证({规则s : {用户名： {必需d : true }，用户Pwd : {必需d : true，最小长度： {必需d : true，最小长度： 6，等于： ' #用户Pwd' }，Email: { email: true } }，消息： {用户名： }用户名不能为空！/span' }，userpwd : {必需的d : ' span style=' color : red '密码不能为空！/span '，最小长度： jquery。格式(' span style=' color : red '密码长度不能小于{0}个字符！/span') }，confirpwd : {必需的d : ' span style=' color : red '确认密码不能为空!'' span '，minlength: jQuery.format('确认密码长度不能小于{0}个字符！'),等于： 'span style='color:red '两次输入密码不一致！/span' }，Email : { Email : ' span style=' color : red '邮箱输入格式不正确！/span' } }，onkeyup : false })；});/script/head body div br/p style=' font-size :12 px；color : red ' % if(ViewData[' msg ']！=null){ % 3360查看数据[' msg ']% % } %/p br/% Html .开始通知('注册','用户，表单方法Post，new { name='form1 '，id=' form 1 ' })；tr表td3360 Html .标签为(m=m . UserName)%/TD TD TD 3360 Html .TextBox FOr(m=m . USername)%/TD/tr tr TD 3360 Html .标签为(m=m . UserPwd)%/TD TD TD 3360 Html .password FOr(m=m . UserPwd)%/TD/tr tr TD 3360 Html .标签为(m=m . ConfirPwd)%/TD TD TD 3360 Html .password FOr(m=m . ConfirPwd)%/TD/tr tr TD 3360 Html .标签为(m=m . Email)%/TD TD TD 3360 Html .(m=m . Email)的文本框%/TD/tr tr TD输入类型=提交值='提交//TD/TD/TD/tr/table % Html .结束形式()；%/div/body/html $(“# form 1”).生效主要包括规则规则和提示信息信息两部分。例如

规则： {用户名： {要求：路径},}表示身份为用户名的文本框输入内容不能为空。

消息： {用户名： {要求：'span style='color:red '用？户名？不？能为a空？/span' }，表示身份为用户名的文本框内容如果为空的话，给出提示信息。

以上就是使用jquery.validate插件进行客户端验证的全部过程，希望对大家的学习有所帮助。