jquery validator

来源:互联网 发布:电信端口限制破解 编辑:程序博客网 时间:2024/06/08 02:34
$(document).ready(function(){

                //设置validate的默认值
                $.validator.setDefaults({
                    submitHandler: function(form){
                        //debug:true
                        //form.submit();
                        //closeModalWindow();
                        checkk();
                    }
                });
                //聚焦第一个输入框
                $("input[name='order.clientName']").focus();
                //
                
                //通过id查找要进行校验的表单
                var validator = $("#askForm").validate({
                        onkeyup:false,
                    errorElement:"label",//默认
                    //验证通过后执行的动作
                    validClass: "checked",//
                    success:function(label){//兼容IE
                       label.html('').addClass('checked');
                    },
                    //定义规则  按照name查找
                    rules: {
                        'order.clientName': {
                        required: true,
                        maxlength:10
                        },
                    'order.clientPhone': {
                        required: true,
                        isMobile:true
                        },
                        'order.idNum': {
                            required: true,
                            isIdCardNo:true
                        },
                        'order.clientAge': {
                            required: true,
                            range:[18,80]
                        }
                    },
                    //定义提示消息
                    messages: {
                        'order.clientName': {
                        required: '客户姓名不能为空!',
                        maxlength:'真实姓名长度不能超过10位'  
                        },   
                    'order.clientPhone': {
                        required: '手机号不能为空!',
                        isMobile:'手机号格式不正确'
                           },   
                        'order.idNum': {
                            required: '身份证号不能为空!',
                            isIdCardNo:'请正确输入您的身份证号码!'
                        },   
                        'order.clientAge': {
                            required: '年龄不能为空!',
                               range:"请正确输入您的年龄且大于18"
                        }             
                    },
                    ignore: ".ignore",
                    //手动设置错误信息的显示方式
                    errorPlacement: function(error, element) {
                             error.appendTo(element.parent());
                    }
                });
                
               
                });
原创粉丝点击