jQuery Validate验证方法及教程

//实名认证 验证
$(function(){

    //中文姓名验证
    jQuery.validator.addMethod("zh_verify", function(value, element) {
    var tel = /^[\u4E00-\u9FA5\uf900-\ufa2d]{2,10}$/;
    return this.optional(element) || (tel.test(value));
    }, "请输入2~10个字的中文!");

    //身份证号验证
    jQuery.validator.addMethod("idcard_verify", function(value, element) {
    var idcard = /^(\d{15}$|^\d{18}$|^\d{17}(\d|X|x))$/;
    return this.optional(element) || (idcard.test(value));
    }, "请输入正确格式的身份证号!");

    //jquery.validate插件验证
    $("#nameauth").validate({
        errorElement: ‘div‘,
        errorClass: ‘help-block‘,
        focusInvalid: false,
        ignore: "",
        rules: {
            tname: {
                required: true,
                zh_verify:true
            },
            idcard: {
                required: true,
                idcard_verify:true
            },
            con_idcard: {
                required: true,
                equalTo: ‘.idcard‘
            }
        },
        messages: {
            tname: {
                required: "真实姓名不能为空!",
                rangelength: "请输入2~18个中文!"
            },
            idcard: {
                required: "身份证不能为空!",
                rangelength: "请输入15~18个字符的身份证!"
            },
            con_idcard: {
                required: "确认证号不能为空!",
                equalTo: ‘确认证号与身份证号不一致!‘
            }
        },
        errorLabelContainer: "#resultMsg",
        submitHandler:function() {
            //$(form).ajaxSubmit();    //同步提交FORM
            var tname = $(‘input[name=tname]‘).val();
            var idcard = $(‘input[name=idcard]‘).val();
            var resultMsg = $(‘#resultMsg‘);
            ajaxSubmitForm(tname, idcard, resultMsg);
        }
    });
})

//异步执行方法
function ajaxSubmitForm(tname, idcard, resultMsg) {
    $.ajax({
        url: "/member/nameauth",
        data: "tname=" + tname + "&idcard=" + idcard + "&con_idcard=" + idcard,
        type: "post",
        cache: false,
        dataType: "json",
        success: function(data, textStatus){
            if(data.return){
                window.location.reload();
            }else{
                resultMsg.css({‘color‘: ‘red‘}).html(data.errmsg).show().delay(2000).hide(0);
            }
        }
    });
}

或者

$(function(){
    //jquery.validate插件自定义AJAX验证(验证账户是否存在)
    $.validator.addMethod("checkUserExist",function(value,element){
        var user = value;
        $.ajax({
            type:"POST",
            async:true,
            dataType:‘json‘,
            url:"/account/verifyAccount",
            data:"param=" + $(‘input[name=newpassword]‘).val(),
            success:function(response){
                if(response){
                    res = response.state;
                }
            }
        });
        return res;
    },"账号不存在,请仔细检查!");

    //jquery.validate插件验证
    $("#signupForm").validate({
        rules: {
            newpassword: {
                required: true,
                rangelength:[6,30]
            }
        },
        messages: {
            newpassword: {
                required: "请输入6~30个字符的交易密码!",
                rangelength: "请输入6~30个字符的交易密码!"
            }
        },
        submitHandler:function(form) {
            $(form).ajaxSubmit();
        }
    });
})

jQuery Validate教程

http://www.w3cschool.cc/jquery/jquery-plugin-validate.html

时间: 2024-08-26 08:27:41

jQuery Validate验证方法及教程的相关文章

修改jQuery.validate验证方法和提示信息

1.添加验证方法 在jquery.validate.js文件中直接添加验证方法,例如: jQuery.validator.addMethod("Specialstring", function(value, element){var pattern = new RegExp("[`[email protected]#$^&*=|{}':;',\\[\\].<>/?~!@#¥……&*()——|{}[]‘::”“'.,.?]");return

jQuery Validate验证框架详解

jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script> <script type="text/javascript" src

JQuery validate验证规则

//定义中文消息 var cnmsg = { required: "必选字段", remote: "请修正该字段", email: "请输入正确格式的电子邮件", url: "请输入合法的网址", date: "请输入合法的日期", dateISO: "请输入合法的日期 (ISO).", number: "请输入合法的数字", digits: "只能输入整数

【转】jQuery Validate验证框架详解

jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script> <script type="text/javascript" src

jQuery Validate验证框架详解(转)

jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script> <script type="text/javascript" src

jquery.validate 验证机制

jquery.validate 验证机制 金刚 juqery juqery.validate 在开发系统时,使用了jquery.validate.js 这个验证插件,来校验数据合法性 重点 验证是以input的name值来验证的,不是通过id来验证的. 说明 序号 规则 描述 1 required:true 必须输入的字段. 2 remote:"check.php" 使用 ajax 方法调用 check.php 验证输入值. 3 email:true 必须输入正确格式的电子邮件. 4

jQuery.Validate验证库的使用介绍

jQuery.Validate验证库1.下载jquery.validate,这里我提供jquery-validation-1.9.0,点击下载 默认校验规则 (1)required:true               必输字段(2)remote:"check.php"          使用ajax方法调用check.php验证输入值(3)email:true                  必须输入正确格式的电子邮件(4)url:true                    必

ligerui的jquery.validate验证需要添加validate=&quot;{required:true,minlength:8,equalTo:&#39;#newpassword&#39;}&quot;

ligerui的jquery.validate验证需要添加validate="{required:true,minlength:8,equalTo:'#newpassword'}" ligerui的jquery.validate验证需要添加validate="{required:true,minlength:8,equalTo:'#newpassword'}"

自整理的jquery.Validate验证表达式

自整理几个jquery.Validate验证正则: 1. 只能输入数字和字母    /^[0-9a-zA-Z]*$/g jQuery.validator.addMethod("letters", function (value, element) { return this.optional(element) || /^[0-9a-zA-Z]*$/g.test(value); }, "只能输入数字和字母!"); 2. 数量必须是正整数     /^\+?[1-9]\