知识大全 Asp.Mvc 2.0用户登录实例讲解:客户端验证

Posted 2022-07-18 密码

篇首语：识字粗堪供赋役，不须辛苦慕公卿。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 Asp.Mvc 2.0用户登录实例讲解:客户端验证相关的知识，希望对你有一定的参考价值。

Asp.Mvc 2.0用户登录实例讲解:客户端验证 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

　　今天给大家讲解下ASP NET mvc的客户端验证通常情况下我们在页面中对输入的内容多要进行客户端验证客户端验证一般使用JS进行这里咱们讲解下使用jquery validate插件进行客户端验证

　　首先咱们看下注册页面的验证效果

　　以上验证主要包括

　　用户名不能为空

　　密码不能为空密码长度不能小于位数

　　确认密码不能为空确认密码长度不能小于位确认密码必须和密码文本框输入的一致

　　邮箱格式必须正确

　　以下是使用jquery validate插件进行验证的代码

　　<%@ Page Language= C# Inherits= System Web Mvc ViewPage<MvcLogin Models RegisterModel> %> <!DOCTYPE PUBLIC //W C//DTD XHTML Transitional//EN transitional dtd > < xmlns= > <head runat= server > <title>注册页面</title> <script type= text/javascript src= / /Scripts/jquery vsdoc js ></script> <script type= text/javascript src= / /Scripts/jquery validate js ></script> <script type= text/javascript > $() ready(function () $( #form ) validate( rules: UserName: required: true UserPwd: required: true minlength: ConfirPwd: required: true minlength: equalTo: #UserPwd Email: email: true messages: UserName: required: <span style= color:red >用户名不能为空! </span> UserPwd: required: <span style= color:red >密码不能为空!</span> minlength: jQuery format( <span style= color:red >密码长度不能小于个字符!</span> ) ConfirPwd: required: <span style= color:red >确认密码不能为空!<span> minlength: jQuery format( 确认密码长度不能小于个字符! ) equalTo: <span style= color:red >两次输入密码不一致!</span> Email: email: <span style= color:red >邮箱输入格式不正确!</span> onkeyup: false ); ); </script> </head> <body> <div> <br /> <p > <%if (ViewData[ msg ] != null) %> <%:ViewData[ msg ]%> <% %> </p> <br /> <%Html BeginForm( Register user FormMethod Post new name= form id= form ) ; %> <table> <tr> <td><%: Html LabelFor(m => m UserName) %></td> <td> <%: Html TextBoxFor(m => m UserName) %></td> </tr> <tr> <td> <%: Html LabelFor(m => m UserPwd) %></td> <td> <%: Html PasswordFor(m => m UserPwd) %></td> </tr> <tr> <td> <%: Html LabelFor(m => m ConfirPwd) %></td> <td> <%: Html PasswordFor(m => m ConfirPwd)%></td> </tr> <tr> <td> <%: Html LabelFor(m => m Email) %></td> <td> <%: Html TextBoxFor(m => m Email) %></td> </tr> <tr> <td> <input type=submit value= 提交 /></td> <td></td> </tr> </table> <%Html EndForm(); %> </div> </body> </>

　　$( #form ) validate主要包括规则rules和提示信息messages两部分

　　例如

　　rules:

　　UserName:

　　required:true

　　表示ID为UserName的文本框输入内容不能为空

　　messages:

　　UserName:

　　required: <span style= color:red >用??户?ì名?不?能¨ 为a空?! </span>

　　表示ID为UserName的文本框内容如果为空的话给出提示信息

cha138/Article/program/net/201311/11605