// 手机号码验证
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. 更改eclipse中jsp默认编码格式为UTF-8

        本文首发于cartoon的博客     转载请注明出处:https://cartoonyu.github.io/cartoon-blog     近段时间一直在学java三大框架,遇到了一个问 ...

  2. C语言结构体注意点

    #include <stdio.h> int main() { /*************************************************** *定义结构体变量的 ...

  3. 22-3concat

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. python 对象的删除

  5. 读书笔记一、numpy基础--创建数组

    创建ndarray   (1)使用array函数 接受一切序列型的对象(包括其他数组),然后产生一个新的含有传入数据的numpy数组. import numpy as np #将一个由数值组成列表作为 ...

  6. lib 和 dll 的区别、生成以及使用详解 ~~包含示例代码~~(转)

    原文章地址:https://www.cnblogs.com/TenosDoIt/p/3203137.html#c 首先介绍一下静态库(静态链接库).动态库(动态链接库)的概念,首先两者都是代码共享的方 ...

  7. mysql服务命令行操作

    启动 net start mysql 关闭 net stop mysql 登陆 mysql -hlocalhost -uusername -ppassword 退出 exit 显示数据库 show d ...

  8. NOIp2018集训test-9-1(am)

    1.最大值 可以用FWT水过去,李巨写了FWT结果中途爆int了炸了几十分好像. 我乱搞了一下把除了大数据有or的搞出来然后90,还是蛮划算的.我yy的做法: 1.xor 字典树上贪心, 一开始我打了 ...

  9. NX二次开发-UFUN添加工程图投影视图UF_DRAW_add_orthographic_view

    NX9+VS2012 #include <uf.h> #include <uf_draw.h> #include <uf_obj.h> #include <u ...

  10. JS对象的可枚举属性和不可枚举属性

    昨天在写文章(转载)的时候发现了有些对象的方法是分可枚举性和不可枚举性的.简单的查了一下资料,今天来捋一捋啥是对象的可枚举啥是不可枚举. 可枚举性: 对象的每一个属性都有一个描述对象,用来描述和控制该 ...