• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

asp.netMVC2中利用jquery.validate进行用户注册验证

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

首先在模板页面中引入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)即可。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
ASP.Net参数传递小结发布时间:2022-07-10
下一篇:
Asp.net中实现同一用户名不能同时登陆(转)发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap