源代码--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. 产品开发过程描述xmind

  2. centos MySQL主从配置 ntsysv chkconfig setup命令 配置MySQL 主从 子shell MySQL备份 kill命令 pid文件 discuz!论坛数据库读写分离 双主搭建 mysql.history 第二十九节课

    centos  MySQL主从配置 ntsysv   chkconfig  setup命令  配置MySQL 主从 子shell  MySQL备份  kill命令  pid文件  discuz!论坛数 ...

  3. JAVA 对象内存结构

    JAVA对象内存结构 HotSpot虚拟机中,对象在内存中存储的布局可以分为三块区域:对象头(Header).实例数据(Instance Data)和对齐填充(Padding). 对象头 markWo ...

  4. OOP理解

    https://www.cnblogs.com/xiaosongluffy/p/5072501.html OOP是面向对象编程,有几大基础特性.抽象,封装,继承,多态 1:抽象:将世界上的具体事物提取 ...

  5. JSDoc 注释规范

    命令名描述 @param @argument 指定参数名和说明来描述一个函数参数@returns 描述函数的返回值@author 指示代码的作者@deprecated 指示一个函数已经废弃,而且在将来 ...

  6. 在apache中使用.htaccess文件的注意事项

    在apache的配置文件中: <VirtualHost *:80> ServerName tp5.com DocumentRoot d:/wamp/www/tp5.com/public & ...

  7. js中fn()和return fn()的区别

    参考文章:http://www.jb51.net/article/87977.htm 这文章中没有讲明白,其实只要把文章里的代码加和不加return调试一下就知道是怎么回事了. var i = 0; ...

  8. 20145104张家明 《Java程序设计》第6周学习总结

    20145104张家明 <Java程序设计>第6周学习总结 教材学习内容总结 第10章与11章总结 标准输入输出 System.in: 标准输入,默认关联到键盘(终端输入) System. ...

  9. 20145322何志威《网络对抗》逆向及Bof基础

    20145322何志威<网络对抗>逆向及Bof基础 实践目标 本次实践的对象是一个名为pwn1的linux可执行文件. 该程序正常执行流程是:main调用foo函数,foo函数会简单回显任 ...

  10. InstallShield 2015 LimitedEdition VS2012 运行bat文件

    转载:http://www.cnblogs.com/fengwenit/p/4271150.html  运行bat文件 网上很多介绍如何运行bat的方法,但我这个是limted 版本,不适用. 1. ...