jquery validate + MVC用法示例
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<MyMVCLoginTest.Models.UserRegister>" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>用户注册</title> <script src="http://www.cnblogs.com/Scripts/jquery-1.4.1.js" type="text/javascript"></script> <script src="http://www.cnblogs.com/Scripts/jquery.validate.js" type="text/javascript"></script> <script type="text/javascript"> $().ready(function () { $("#form1").validate({ rules: { UserName: { required: true, minlength: 6 }, UserPwd: { required: true, minlength: 6 }, UserCPwd: { required: true, equalTo: "#UserPwd" }, UserEmail: { required: true, email:true } }, messages: { UserName: { required: "请输入用户名", minlength: "不的少于{0}个字符" }, UserPwd: { required: "请输入密码", minlength: "不的少于{0}个字符" }, UserCPwd: { required: "请输入确认密码", equalTo: "确认密码不相同" }, UserEmail: { required: "请输入邮箱", email: "输入邮箱格式有错误" } } }); }) </script> </head> <body> <h2><%:ViewData["Message"]%></h2> <div> <%Html.BeginForm("UserRegister", "User", FormMethod.Post, new { name = "form1", id = "form1" });%> <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.UserCPwd) %> </td> <td> <%:Html.PasswordFor(m=>m.UserCPwd) %> </td> </tr> <tr> <td> <%:Html.LabelFor(m=>m.UserEmail) %> </td> <td> <%:Html.TextBoxFor(m=>m.UserEmail) %> </td> </tr> <tr> <td> </td> <td > <input type="Submit" value="确认" title="Submit" /> </td> </tr> </table> <%Html.EndForm(); %> </div> </body> </html>
显示效果:
二、默认校验规则 (1)required:true 必输字段 (2)remote:"check.php" 使用ajax方法调用check.php验证输入值 (3)email:true 必须输入正确格式的电子邮件 (4)url:true 必须输入正确格式的网址 (5)date:true 必须输入正确格式的日期 日期校验ie6出错,慎用 (6)dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性 (7)number:true 必须输入合法的数字(负数,小数) (8)digits:true 必须输入整数 (9)creditcard: 必须输入合法的信用卡号 (10)equalTo:"#field" 输入值必须和#field相同 (11)accept: 输入拥有合法后缀名的字符串(上传文件的后缀) (12)maxlength:5 输入长度最多是5的字符串(汉字算一个字符) (13)minlength:10 输入长度最小是10的字符串(汉字算一个字符) (14)rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符) (15)range:[5,10] 输入值必须介于 5 和 10 之间 (16)max:5 输入值不能大于5 (17)min:10 输入值不能小于10
寻找21世纪的伯牙