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;
  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 = /^[\一-\龥]+$/i;
  return this.optional(element) || (chinese.test(value));
 }, "只能输入汉字");
 jQuery.validator.addMethod("ismypassword", function(value, element,param) {
//  var specialstr = /[!,.@#$%^&*?_~]/;
//  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=/[!,.@#$%^&*?_~]/;
             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 : "密码必须由数字、英文字母和特殊字符(!,.@#$%^&*?_~)组成"
   },
   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;
}
JQuery validate验证 自定义的更多相关文章
- jQuery Validate验证框架详解
		转自:http://www.cnblogs.com/linjiqin/p/3431835.html jQuery校验官网地址:http://bassistance.de/jquery-plugins/ ... 
- 弹出框页面中使用jquery.validate验证控件
		弹出框页面中使用jquery.validate验证控件有几个问题需要解决: 1,弹出框的提交事件完成后如何关闭弹出框页面? 2,提交不成功如何返回当前页? 3,如果知道验证事件成功? 之前笔者都是JS ... 
- jquery.validate.js默认配置,jquery.validate.js自定义提示信息
		jquery.validate.js默认配置,jquery.validate.js自定义提示信息 配置jQuery.validator默认的处理方法 >>>>>>& ... 
- 【转】jQuery Validate验证框架详解
		jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type=& ... 
- jQuery Validate验证框架与 jQuery ajaxSubmit的联合使用
		jQuery Validate验证框架自定义验证 第一步导入导入js库 <script src="<%=basePath%>static/js/jquery.js" ... 
- jQuery Validate验证方法及教程
		//实名认证 验证 $(function(){ //中文姓名验证 jQuery.validator.addMethod("zh_verify", function(value, e ... 
- jQuery.Validate 验证,以及 remote验证, 多参数传递
		jQuery.Validate 验证: http://www.runoob.com/jquery/jquery-plugin-validate.html 教程网址,很简单, 今天主要在这里记录一下re ... 
- jQuery Validate验证框架详解(转)
		jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type=& ... 
- jQuery Validate验证框架详解,提交前验证
		现在都用h5表单进行验证了,以下方式仅做回忆 https://www.runoob.com/jquery/jquery-plugin-validate.html <!DOCTYPE HTML P ... 
随机推荐
- 股票交易(洛谷U6084)
			题目背景 kkk最近迷上了炒股. 题目描述 kkk炒了N天股,第i天的股价为a[i]元.kkk希望股票每天都上涨1元钱,但是操盘手lzn并不想让kkk赚很多钱导致他亏本,于是a[i]相对a[i-1]就 ... 
- 方法重载的小demo
			方法的重载(overload)要求:1,同一个类中2,方法名必须相同3,方法的参数列表不同(1,参数的个数不同2,参数类型不同,但是参数名相同) 注:方法的重载与方法的返回值类型没有关系 packag ... 
- AngularJS 简介、指令、表达式
			AngularJS 是一个 JavaScript 框架.它可通过 <script> 标签添加到 HTML 页面. AngularJS 通过指令扩展了 HTML,且通过表达式绑定数据到 HT ... 
- JQ  AJAX
			用AJAX方法不刷新网页使用下拉列表连接数据库 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ... 
- Android Studio 生成Jar包时遇到的gradlew下载问题
			网上介绍说使用gradlew打包jar,可是输入gradlew makeJar后就开始download XXX.zip,但是等了很久都没有完成.解决办法如下: 原文:http://blog.csdn ... 
- jQuery 操作复选框(checkbox) attr checked不起作用
			参考资料 http://www.paobuke.com/develop/javascript/pbk849.html 这天用到jQuery功能,想实现一个简单的复选框动态全选或全不选,结果测试发现 ... 
- python多进程程序之间交换数据的两种办法--Queue和Pipe
			合在一起作的测试. #!/usr/bin/env python # -*- coding: utf-8 -*- import multiprocessing import random import ... 
- 如何知道SQL语句的性能和改进途径
			用EXPLAIN吧... EXPLAIN , , , ) \G; 
- 数据结构之图 Part2 - 2
			邻接表 using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace ... 
- hdu 4114(状压dp)
			题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4114 思路:首先是floyd预处理出任意两点之间的最短距离.dp[state1][state2][u] ... 
