// 手机号码验证
jQuery.validator.addMethod("isMobile", function(value, element) {
  var length = value.length;
  var mobile = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
  return this.optional(element) || (length == 11 && mobile.test(value));
}, "请输入正确的手机号码");
jQuery.validator.addMethod("isMobile2", function(value, element) {
    status1=checkphone(value);
  return this.optional(element) || status1;
}, "此手机号码已经注册");
jQuery.validator.addMethod("isUsername", function(value, element) {
    status2=checkname(value);
  return this.optional(element) || status2;
}, "此账号已经被注册");
jQuery.validator.addMethod("ischecked", function(value, element) {
    status2=ischecked(value);
  return this.optional(element) || status2;
}, "此账号已经被注册");
//验证输入的验证码是否正确
 jQuery.validator.addMethod("yzcheck",function(value,element){
    status3=checkCode(value);
    return this.optional(element) || status3 ;

},"验证码错误");

$().ready(function() {
        $("#firstform1").validate({  
            debug: true, //调试模式取消submit的默认提交功能   
                //errorClass: "label.error", //默认为错误的样式类为:error   
                focusInvalid: false, //当为false时,验证无效时,没有焦点响应  
                onkeyup: false,   
                submitHandler: function(form){   //表单提交句柄,为一回调函数,带一个参数:form   
                  register_1();  
                  return false;
                    //form.submit();   //提交表单   
                },
            /*errorLabelContainer: "#messageBox",       //显示错误信息的容器ID  
            wrapper: "li",                              //包含每个错误信息的容器*/  
            rules:{  
                Username:{  
                    required: true,  
                    minlength:6,  
                    maxlength:18,
                    isUsername:true
                },
             phone:{
                 required:true,
         isMobile:true ,
                 isMobile2:true
                 },
            agreen:{
            //    ischecked:true,
                required:true
                
                },
            yzmm:{
                required:true,
                yzcheck:true,
                
                },
          password:{
              required:true,
        minlength:6,
        maxlength:18,
              },
        repassword:{
         required:true,
         equalTo:"#password"    
            }
    
            },  
            messages:{  
                Username:{  
                    required: "请填写姓名",  
                    minlength: "字符长度不能小于6个字符",  
                    maxlength: "字符长度不能大于18个字符" ,
                    isUsername:"此账号已经被注册"
                },
            phone:{
                required: "请输入您的联系电话",
                isMobile: "请输入一个有效的联系电话" ,
                isMobile2:"此手机号码已经被注册!"
                },
        agreen:{
             required:"微融服务器协议必须",
            
            
            },
         yzmm:{
             required:"验证码必须",
             yzcheck:"验证码错误",
             },
        password:{
      required:"密码必须",
      minlength:"密码长度至少为6位",
      maxlength:"密码长度不能超过18位"
            
            },
      repassword:{
       required:"确认密码必须",  
       equalTo:"确认密码不正确"
          }
            } ,
    errorPlacement: function(error, element) {
    if ( element.is(":radio") )
        error.appendTo ( element.parent() );
    else if ( element.is(":checkbox") )
        error.appendTo ( element.parent() );
    else if ( element.is("input[name=captcha]") )
        error.appendTo ( element.parent() );
    else
        error.insertAfter(element);
}  
        });  
          
    });  
    function checkphone(objvalue){
         $.ajax({
        url:"action/RegAction.php?action=checkp",
        async:false,//异步请求
        cache:false,//不缓存
        type:"post",
        data:{"phone":objvalue},
        dataType:"json",
        beforeSend:function(){
            //$(".layer").fadeOut(500);
        },
        error:function(){
         alert('网络原因');
        },
        success:function(data){
        
        
      if(data>=1){
          
          result=false;
                  }
         else{
        
            result=true;
             }
        }
    });
    return result;
    }
    //检测用户名是否存在
    function checkname(objvalue){
        $.ajax({
        url:"action/RegAction.php?action=recheck",
        async:false,//异步请求
        cache:false,//不缓存
        type:"post",
        data:{"Username":objvalue},
        dataType:"json",
        beforeSend:function(){
            //$(".layer").fadeOut(500);
        },
        error:function(){
         alert('网络原因');
        },
        success:function(data){
    
      if(data>=1){
          
          result=false;
                  }
         else{
          
            result=true;
             }
        }
    });
    return result;
    }   
    
    //获取短信
    
  function ischecked(obj){
      
      
      }

function sendNote1(){
    if (status1&status2){    
        var phone=escape($("input[name='phone']").val());
                $.ajax({
                    url:"action/RegAction.php?action=getMobileCode",
                    async:true,//设为false会等待ajax执行完毕在执行后面的JS代码
                    type:"post",
                    data:{"phone":phone},
                    dataType:"json",
                    error:function(){
                        alert("网络 Error,请稍后尝试注册");
                    },
                    success:function(data){
                        if(data == 1){
                            seconds=60;
                            showRzz(seconds,speed,phone);
                        //    $("#getSms").html("<font color=red>验证码已发送, 请耐心等待</font>");
                            //$("#zhuceButton").prop('disabled', false);
                            //hideTopError()
                        }else{
             $("#yzmm").removeClass("has-success").addClass("has-error");
           $("input[name='yzmm']").val('');
           $("input[name='yzmm']").attr("placeholder","验证码不正确");
          result=false;
                        }
                    }
                });// end ajax call
        }
     }
var seconds = 30;
var speed = 1000;
function showRzz(seconds,speed,phone){
    var rzz=$("#getSms1");
    var oldText=$("#getSms1").html();
    var txt =  "<a class='center-block' href='javascript:void(0)'>("+seconds +"发送验证码)</a>";
    var timeIdd = setTimeout("showRzz(seconds--,speed)",speed);
      if(seconds == 0){
        txt="<a href=\"#.\" onClick=\"sendNote1()\" class=\"center-block color58\">获取验证码<span class=\"color4045\">60</span></a>";
           clearTimeout(timeIdd);
          // alert(seconds)
    };
    rzz.html(txt);
}

function checkCode(objvalue){
        $.ajax({
        url:"action/RegAction.php?action=reCode",
        async:false,//异步请求
        cache:false,//不缓存
        type:"post",
        data:{"yzmm":objvalue},
        dataType:"json",
        beforeSend:function(){
            //$(".layer").fadeOut(500);
        },
        error:function(){
         alert('网络原因');
        },
        success:function(data){
        
      if(data==1){
            result=true;
                  }
         else{
          result=false;
             }
        }
    });
    return result;
    }
function register_1(){
     var username=$("input[name=Username]").val(); //用户名
   var phone=$("input[name=phone]").val();//手机号码
    
      $.ajax({
        url:"action/ManagerAction.php?action=register_1",
        async:false,//异步请求
        cache:false,//不缓存
        type:"post",
        data:{"phone":phone,"username":username},
        dataType:"json",
        beforeSend:function(){
            //$(".layer").fadeOut(500);
        },
        error:function(){
         alert('网络原因');
        },
        success:function(data){
        
      if(data==1){
        window.location.href="register_s1.php?action=step2";
          //  result=true;
                  }
         else{
          alert("网络原因,注册失败!")
          result=false;
             }
        }
    });
    
    
    }

关于jquery.validate.js的用法的更多相关文章

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

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

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

    引入jquery.validate.js插件以及Jquery,在最后加上这个插件的方法名来引用.$('form').validate(); <!DOCTYPE html PUBLIC " ...

  3. jquery validate.js表单验证的基本用法入门

    这里转载一篇前辈写的文章,在我自己的理解上修改了一下,仅作记录. 先贴一个国内某大公司的代码: 复制代码 代码如下: <script type="text/javascript&quo ...

  4. jquery.validate.js使用说明——后台添加用户邮箱功能:非空、不能重复、格式正确

    重点内容为:  jQuery验证控件jquery.validate.js使用说明+中文API[http://www.tuicool.com/articles/iABvI3] 简单教程可以参考[jQue ...

  5. 表单提交学习笔记(二)—使用jquery.validate.js进行表单验证

    一.官网下载地址:http://plugins.jquery.com/validate/ 二.用法 1.在页面上进行引用 <script src="~/scripts/jquery-1 ...

  6. 修改 jquery.validate.js 支持非form标签

    尝试使用markdown来写一篇blog,啦啦啦 源代码传送门:github 在特殊情况下我们使用jquery.validate.js对用户输入的内容做验证的时候,表单并不是一定包含在form之中,有 ...

  7. 表单验证插件之jquery.validate.js

    提到表单验证的插件,第一个想到的就是jquery.validate.js,所以小生想在这里稍微详细地说一下这款插件的具体使用方法,便于理解,我直接附上整段demo的代码(没怎么调样式,主要是看js): ...

  8. Jquery客户端校验——jquery.validate.js

    jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证 ...

  9. jQuery验证控件jquery.validate.js使用说明

    官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuery plugin: Validation 使用说明 转载 ...

随机推荐

  1. 高效IO之Dex加密(三)

    更多Android高级架构进阶视频学习请点击:https://space.bilibili.com/474380680 apk加固原理之dex加密 原理其实不复杂,加固其实就是加密dex文件,防止de ...

  2. 二、springcloud微服务测试环境搭建

    版本说明: springcloud:Greenwich.SR3 springboot:2.1.8 1.构建步骤 1.1.microservicecloud整体父工程Project 新建父工程micro ...

  3. 梯度提升树GBD

    转自 http://blog.csdn.net/u014568921/article/details/49383379 另外一个很容易理解的文章 :http://www.jianshu.com/p/0 ...

  4. Ubuntu 14.04 64位上安装wps office软件

    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/tao_627/article/details/24179933 废话少说,仅仅给出方法供各位參考! ...

  5. 浅谈fetch

    在开发过程中,我们向服务端发送请求,一般会使用三种方式, XMLHttpRequest(XHR),jQuery实现的AJAX,Fetch ,让我们首先来比较一下这三者的使用示例. XMLHttpReq ...

  6. Storm设计思想

  7. touch - 修改文件的时间戳记.

    总览 touch [-acm][-r ref_file(参照文件)|-t time(时间值)] file(文件名)... 被废弃的版本: touch [-acm][ugly_time] file(文件 ...

  8. 从零开始搭建系统1.4——MySql安装及配置

    安装环境:CentOS7 64位 ,安装MySQL5.7 1.创建mysql目录 2.在MySQL官网中下载YUM源rpm安装包:http://dev.mysql.com/downloads/repo ...

  9. linux常用命令-2网络相关命令

    1.ip  [选项]  操作对象{link|addr|route...} ip addr show #显示网卡IP信息 2.修改IP配置 1)     root权限 2)     cd /etc/sy ...

  10. wget 下载文件

    # -c 继续执行上次终端的任务# --http-user http用户名# --http-passwd http密码# --no-check-certificate 不检查ssl/tsl证书. wg ...