zoukankan      html  css  js  c++  java
  • 表单验证jq.validate.js

    源代码--demo

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

         //添加自定义方法: 同时验证手机和座机电话
        jQuery.validator.addMethod('availblePhone',function(value,element){
          var regx = /(^1d{10}$|^(0d{2,3}-?|0d{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'));
     }
    });

  • 相关阅读:
    Bundle类
    intent.putExtra()方法参数详解
    6级技巧(一)
    6级核心词汇
    安卓应用运营知识:VersionCode和VersionName
    关于HTML、XHTML、CSS、XML的区别
    SQL记录-Linux CentOS配置ORACLE 12c
    Spark记录-Scala多线程
    Spark记录-Scala异常与处理
    Spark记录-Scala类和对象
  • 原文地址:https://www.cnblogs.com/alice-fee/p/6496881.html
Copyright © 2011-2022 走看看