首先在模板页面中引入jquery类库和jquery.validate类库
<script src="/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 src="http://www.cnblogs.com/Scripts/JQuery.Validate.Message_cn.js" type="text/javascript"></script>
其中JQuery.Validate.Message_cn是对jquery.validate类库中的英文出错信息用中文替换,代码如下:
//定义中文消息 var cnmsg = { required: "必选字段", remote: "请修正该字段", email: "请输入正确格式的电子邮件", url: "请输入合法的网址", date: "请输入合法的日期", dateISO: "请输入合法的日期 (ISO).", number: "请输入合法的数字", digits: "只能输入整数", creditcard: "请输入合法的信用卡号", equalTo: "请再次输入相同的值", accept: "请输入拥有合法后缀名的字符串", maxlength: jQuery.format("请输入一个长度最多是 {0} 的字符串"), minlength: jQuery.format("请输入一个长度最少是 {0} 的字符串"), rangelength: jQuery.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"), range: jQuery.format("请输入一个介于 {0} 和 {1} 之间的值"), max: jQuery.format("请输入一个最大为 {0} 的值"), min: jQuery.format("请输入一个最小为 {0} 的值") }; jQuery.extend(jQuery.validator.messages, cnmsg);
一定要注意母板页中引用的先后顺序,因为下边的类库都是基于上边的,所以顺序不能颠倒。
然后在view中用jquery.validate进行验证,view代码如下:
register.aspx//用户注册页面
<form action="/Account/LogOn" method="post" ).val(); }
} } } , Email: { email: true }, pwd: { required: true, minlength: 6 }, pwdagain: { required: true, minlength: 6, equalTo: "#pwd" } }, messages: { user_name: { required: "请输入用户名", remote: "该用户已存在!" } } } } jQuery(document).ready(function () { InitRules(); if (opts != undefined || opts != null) { jQuery("#<%=form1.ClientID %>").validate(opts); } else { jQuery("#<%=form1.ClientID %>").validate(); } }); </script> UsersController代码如下:
public class UsersController : Controller { // // GET: /User/ UserRepository userRepository = new UserRepository(); public JsonResult IsUserExist(string user_name) { //JsonResult result = new JsonResult(); if (userRepository.ValidateUser(user_name))//查询是否存在该用户 { //result.Data = false; return Json(false); } else { //result.Data = true; return Json(true); } //return Json(result, JsonRequestBehavior.AllowGet);
}
注意直接返回json(true)或json(false)即可。
|
请发表评论