JQuery validate验证 ,自定义规则与消息(转载)

转载自:http://blog.163.com/zhao_jinggui/blog/static/169620429201172942347465/

$().ready(function() {

 jQuery.validator.addMethod("isMobile", function(value, element) {
  var length = value.length;
  var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/;
  return this.optional(element) || (length == 11 && mobile.test(value));
 }, "请正确填写您的手机号码");

 jQuery.validator.addMethod("isphone", function(value, element) {
  var length = value.length;
  var phone = /(^(\d{3,4}-)?\d{6,8}$)|(^(\d{3,4}-)?\d{6,8}(-\d{1,5})?$)|(\d{11})/;
  return this.optional(element) || (phone.test(value));
 }, "请填写正确的电话号码");

 jQuery.validator.addMethod("ischinese", function(value, element) {
  var chinese = /^[a-zA-Z\u4e00-\u9fa5]+$/i;
  return this.optional(element) || (chinese.test(value));
 }, "只能输入汉字");

 jQuery.validator.addMethod("ismypassword", function(value, element,param) {
//  var specialstr = /[!,[email protected]#$%^&*?_~]/;
//  var numberstr= /^(\d+[a-zA-Z]\w*)|([a-zA-Z]+\d\w*)$/;
//  return this.optional(element) && (numberstr.test(value)) && (specialstr.test(value));
          var regu1 =/[A-Za-z]/;
    var regu2=/\d/;
    var regu3=/[!,[email protected]#$%^&*?_~]/;
             var b1=regu1.test(value);
             var b2=regu2.test(value);
             var b3=regu3.test(value);
             var b=b1&&b2&&b3;
    return b == eval(param);
 }, "密码必须输入字母和数字");

 $("#myform").validate( {

  rules : {
   userName : {
    required : true,
    minlength : 6,
    maxlength : 200
   },
   userEmail : {
    required : true,
    email : true
   },
   userPwd : {
    required : true,
    minlength : 8,
    ismypassword : true
   },
   confuserPwd : {
    required : true,
    minlength : 8,
    equalTo: "#userPwd"
   },
   userRname : {
    required : true,
    minlength : 6,
    maxlength : 200,
       ischinese:true
   },
   userMphone : {
    required : true,
    isMobile : true
   },
   userPhone : {
    required : true,
    isphone : true
   }
  },

  messages : {
   userName : {
    required : "请输入用户名称",
    minlength : "字符长度不能小于6个字符",
    maxlength : "字符长度不能大于200个字符"
   },
   userEmail : {
    required : "请输入邮箱地址",
    email : "请输入正确的邮箱地址"
   },
   userPwd : {
    required : "请输入密码",
    minlength : "字符长度不能小于8个字符",
    ismypassword : "密码必须由数字、英文字母和特殊字符(!,[email protected]#$%^&*?_~)组成"
   },
   confuserPwd : {
    required : "请输入确认密码",
    minlength : "字符长度不能小于8个字符",
    equalTo :"两次密码输入不一致"
   },
   userRname : {
    required : "请输入真实姓名",
    minlength : "字符长度不能小于6个字符",
    maxlength : "字符长度不能大于200个字符",
       ischinese:  "只能输入汉字"
   },
   userMphone : {
    required : "请输入手机号码",
    isMobile : "请输入正确的手机号码"
   },
   userPhone : {
    required : "请输入电话号码",
    isphone : "请输入正确的电话号码"
   }
  },
   errorElement : "em",
   success : function(em) {
   em.text(" ") .addClass("success");
    }
 });

});

 /*表单验证样式*/
em {
 font-style:normal; /*字体不倾斜*/
 font-weight: 500;
 padding-right: 1em;
 vertical-align: middle;
 color: red;
}
em.error {
 background: url("../images/unchecked.gif") no-repeat 0px 0px;
 padding-left: 16px;
}
em.success {
 background: url("../images/standard_msg_ok.gif") no-repeat 0px 0px;
 padding-left: 16px;
}

其它学习资料:http://blog.sina.com.cn/s/blog_608475eb0100h3h1.htmlhttp://www.jb51.net/article/23420.htm

 
时间: 2024-10-31 20:57:27

JQuery validate验证 ,自定义规则与消息(转载)的相关文章

JQuery validate验证 自定义

http://www.w3cschool.cc/jquery/jquery-plugin-validate.html http://blog.163.com/zhao_jinggui/blog/static/169620429201172942347465/ $().ready(function() { jQuery.validator.addMethod("isMobile", function(value, element) { var length = value.length;

JQuery validate验证规则

//定义中文消息 var cnmsg = { required: "必选字段", remote: "请修正该字段", email: "请输入正确格式的电子邮件", url: "请输入合法的网址", date: "请输入合法的日期", dateISO: "请输入合法的日期 (ISO).", number: "请输入合法的数字", digits: "只能输入整数

jQuery.Validate验证库

一.用前必备 官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassistance.de/api-browser/plugins.html 当前版本:1.5.5 需要JQuery版本:1.2.6+, 兼容 1.3.2 二.默认校验规则 (1)required:true 必输字段 (2)remote:"check.php" 使用ajax方法调用check.php

jQuery Validate验证框架详解

jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script> <script type="text/javascript" src

【转】jQuery Validate验证框架详解

jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script> <script type="text/javascript" src

jQuery Validate验证框架详解(转)

jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script> <script type="text/javascript" src

jquery.validate 验证机制

jquery.validate 验证机制 金刚 juqery juqery.validate 在开发系统时,使用了jquery.validate.js 这个验证插件,来校验数据合法性 重点 验证是以input的name值来验证的,不是通过id来验证的. 说明 序号 规则 描述 1 required:true 必须输入的字段. 2 remote:"check.php" 使用 ajax 方法调用 check.php 验证输入值. 3 email:true 必须输入正确格式的电子邮件. 4

jQuery.Validate验证库的使用介绍

jQuery.Validate验证库1.下载jquery.validate,这里我提供jquery-validation-1.9.0,点击下载 默认校验规则 (1)required:true               必输字段(2)remote:"check.php"          使用ajax方法调用check.php验证输入值(3)email:true                  必须输入正确格式的电子邮件(4)url:true                    必

jQuery Validate验证方法及教程

//实名认证 验证 $(function(){ //中文姓名验证 jQuery.validator.addMethod("zh_verify", function(value, element) { var tel = /^[\u4E00-\u9FA5\uf900-\ufa2d]{2,10}$/; return this.optional(element) || (tel.test(value)); }, "请输入2~10个字的中文!"); //身份证号验证 jQu

ligerui的jquery.validate验证需要添加validate=&quot;{required:true,minlength:8,equalTo:&#39;#newpassword&#39;}&quot;

ligerui的jquery.validate验证需要添加validate="{required:true,minlength:8,equalTo:'#newpassword'}" ligerui的jquery.validate验证需要添加validate="{required:true,minlength:8,equalTo:'#newpassword'}"