源代码--demo

Validate:function(){
var me=this;
var $form = $('#form');
  

//添加自定义方法: 同时验证手机和座机电话
    jQuery.validator.addMethod('availblePhone',function(value,element){
      var regx = /(^1\d{10}$|^(0\d{2,3}-?|0\d{2,3})?[1-9]\d{4,7}(-\d{1,8})?$)/;
     if(value){
    return this.optional(element) || regx.test(value);
     }else{
    return true;
     }
      },$.validator.format("请输入正确的联系人电话"));

  //添加自定义方法
jQuery.validator.addMethod('availbleMoney',function(value,element){ if(parseInt(me.availableMoney) > 20 && parseInt(me.availableMoney) < 50000){
return this.optional(element) || parseInt(value) <= parseInt(me.availableMoney);
}else{
return true; //这里必须返回true
}
},$.validator.format("提现金额不能大于当前账户可用余额")); $form.validate({
messages: {
alipay_number: {
required:'请输入支付宝账号'
},
alipay_name: {
required:'请输入支付宝账号姓名'
},
money: {
required:'请输入提现金额',
regex:'请输入20元-5万元的整数金额',
max:'请输入不大于50000(五万)元的整数金额',
min: '请输入不小于20元的整数金额', }
},
rules: {
alipay_number:{
required: true
},
alipay_name:{
required:true
},
money:{
required:true,
regex:'^[0-9]*[1-9][0-9]*$',
min:20,
max:50000,
availbleMoney:true
}
},
errorPlacement: function(error, element) {
error.appendTo(element.next('.warn-error')); //错误提示
}
});
}, 1.表单数据的获取var postData = $('#form').serializeArray();
2.密码加密处理:postData.user_pwd= new Base64().encode(postData.user_pwd).split('').reverse().join('');
3.单独验证某个元素:$(ele).valid();
 例如:
var $Input = $('#form').find('input[name=telphone]');
$Input.valid();

4. 表单提交数据:

$.ajax({
   url: '/user/pass/register',
   type: 'POST',
   data: postData,

before:function(){

//$target.addClass('loading').html('注册中');

},
  complete: function () {
      $target.removeClass('loading').html('立即注册');
  },
  success: function (obj) {

}

})

demo2:

$('.login-form-personal').validate({
    messages: {
       'user_name': {
           required:'请输入手机号',
           regex:'请输入正确的手机号'
       },
      'user_pwd': {
           required:'请输入密码',
           minlength: '密码需满足6-20位数字、字母或下划线的组合',
           maxlength: '密码需满足6-20位数字、字母或下划线的组合',
           regex:'密码必须6-20位非纯数字,字母、数字、下划线的组合'
      }
   },
   rules: {
       user_name: {
          regex: /^1[34578]\d{9}$/
       },

user_pwd: {

minlength: 6,

      maxlength: 20,
     regex: /^(?![0-9]*$)[a-zA-Z0-9_]{6,20}$/
     }
  },
 errorPlacement: function(error, element) {
      error.appendTo(element.parents('.login-form-item'));
 }
});

表单验证jq.validate.js的更多相关文章

  1. 表单验证的validate.js插件---jQuery Validation Plugin

    早上在公交车上看了一个关于慕课网的教程<表单验证的validate.js插件---jQuery Validation Plugin>,正好可以用到自己近期开发简易微博的注册页面和登录页面, ...

  2. jquery.validate.js表单验证 jquery.validate.js的用法

    jquery.validate.js这个插件已经用了2年多了,是一个不可多得的表单验证最方便快捷的插件.基于jquery的小插件,基本小白一学就会上手,对于项目表单页面比较多,元素比较多的校验,该插件 ...

  3. aspx中的表单验证 jquery.validate.js 的使用 以及 jquery.validate相关扩展验证(Jquery表单提交验证插件)

    这一期我们先讲在aspx中使用 jquery.validate插件进行表单的验证, 关于MVC中使用 validate我们在下一期中再讲     上面是效果,下面来说使用步骤 jQuery.Valid ...

  4. 表单验证插件——validate

    表单验证插件——validate 该插件自带包含必填.数字.URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下: $(form).validate({options ...

  5. JavaScript | 基础表单验证(纯Js)

    ———————————————————————————————————————————— 基础表单验证(纯js) - - - - - - - - - - - - - - - - - - - - - - ...

  6. 表单验证——jquery validate使用说明【另一个教程】

    [参考:http://www.tuicool.com/articles/y6fyme] jQuery Validate jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证 ...

  7. jQuery Validate 表单验证插件----Validate简介,官方文档,官方下载地址

     一. jQuery Validate 插件的介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆 ...

  8. 表单验证之validform.js使用方法

    一.validform有什么用? 网页上有大量的input需要你进行验证的时候,如果是弹窗的话,需要不停地判断,如果为空,弹窗.如果不是数字,弹窗. 所以要将这么多验证交给一个js去验证. 二.我现在 ...

  9. ajax和servlet交互,表单日历插件,表单验证,form.js

    我的index.jsp <body> <a>点我获取数据</a> <table border=1px> <tr> <td>ID& ...

随机推荐

  1. oracle 安装,登陆,配置

    1:查看: https://blog.csdn.net/u014177640/article/details/71023380/ 2:登陆  https://zhidao.baidu.com/ques ...

  2. JAVA正则表达式 Pattern和Matcher(转)

    1.简介: java.util.regex是一个用正则表达式所订制的模式来对字符串进行匹配工作的类库包.它包括两个类:Pattern和Matcher.        首先一个Pattern实例订制了一 ...

  3. R语言编程

    R中的帮助文档非常有用,其中有四种类型的帮助 help(functionname) 对已经加载包所含的函数显示其帮助文档,用?号也是一样的. help.search('keyword') 对已经安装的 ...

  4. TeamViewer远程唤醒主机实战教程(多图)

    前言:首先感谢大家来到这里.这篇文章其实算是一个教程,文章中涉及到了TeamViewer,Mac OS X,TP-Link家用路由器,以及花生壳DDNS,对于新手而言内容可能稍微有些多,但我相信按照我 ...

  5. 服务器相关 HTTP 请求错误

    HTTP 400 - 请求无效 HTTP 401.1 - 未授权:登录失败 HTTP 401.2 - 未授权:服务器配置问题导致登录失败 HTTP 401.3 - ACL 禁止访问资源 HTTP 40 ...

  6. VS2010/MFC编程入门之十九(对话框:颜色对话框)

    鸡啄米在上一节中为大家讲解了字体对话框的使用方法,熟悉了字体对话框,本节继续讲另一种通用对话框--颜色对话框. 颜色对话框大家肯定也不陌生,我们可以打开它选择需要的颜色,简单说,它的作用就是用来选择颜 ...

  7. Uva11374 Dijkstra

    机场快线是市民从市内去机场的首选交通工具.机场快线分为经济线和商业线两种,线路.速度和价格都不同,你有一张商业线车票,可以坐一站商业线,而其他时候,只能乘坐经济线.假设换乘时间忽略不计,你的任务是找一 ...

  8. 离线安装Cloudera Manager5.2.0和CDH5 2.0

    第一次安装出现了各种问题,尤其是对于不是太熟悉linux系统的更是头疼不已呀!特此记录一下,希望能够让小伙伴们少走点弯路. 1.给机器添加路由 (根据自己的机器情况,可以忽略)   route add ...

  9. CentOS下安装JDK,Tomcat,Redis,Mysql,及项目发布

    上传文件到服务器,安装lrzsz , 可以将本地的文件上传到linux系统上. 如果是CentOS则可以用yum install lrzsz 命令安装,更方便. 或:yum -y install lr ...

  10. JFreeChart DateAxis用法

    http://blog.csdn.net/xiaozhendong123/article/details/50131513