jquery验证和提交form表单

jquery.validate_zh.js(js包)
  1. $(function() {
    	$("#editForm").validate({
    		rules : {
    			name : {
    				required : true,
    			},
    			
    			priority : {
    				required : true,
    			},
    			
    			positionCode : {
    				required : true,
    			},
    			
    			displayLocation : {
    				required : true,
    				number:true
    			},
    			
    			isDisplay : {
    				required : true,
    				number:true
    			},
    			
    			isBlank : {
    				required : true,
    				number:true
    			},
    			
    			pictureWidth : {
    				required : true,
    			},
    			
    			pictureHeight : {
    				required : true,
    			},
    			
    		},
    		
    		messages : {
    			name : {
    				required : '必填字段'
    			},
    			
    			positionCode : {
    				required : '请输入字母和数字组成的编码'
    			},
    			
    			priority : {
    				required : '请输入数字顺序编码'
    			},
    			
    			displayLocation : {
    				required : '必填字段',
    				number :'请点击选择显示位置'
    			},
    			
    			isDisplay : {
    				required : '必填字段',
    				number :'请点击选择是否展示'
    			},
    			
    			isBlank : {
    				required : '必填字段',
    				number :'请点击选择是否在新的窗口打开'
    			},
    			
    			pictureWidth : {
    				required : '请输入图片的宽度'
    			},
    			
    			pictureHeight : {
    				required : '请输入图片的高度'
    			},
    			
    			
    		},
    		highlight : function(element) {
    			$(element).closest('.form-group').addClass('has-error');
    		},
    		unhighlight : function(element) {
    			$(element).closest('.form-group').removeClass('has-error');
    		},
    		errorElement : 'span',
    		errorClass : 'help-block',
    		errorPlacement : function(error, element) {
    			if (element.parent('.input-group').length) {
    				error.insertAfter(element.parent());
    			} else {
    				error.insertAfter(element);
    			}
    		}
    	});
    });
  2. $(document).ready(function() {
    		jQuery.validator.addMethod( "isIdCardNo",function(value,element){    
    			return this.optional(element) || isIdCardNo(value);
    	   } ,  " 请输入有效的身份证信息");
    		
            $("#loginName").rules("add",{
                remote : {
                    url : "${dynamicDomain}/adminMember/isUnique?ajax=1&fieldName=loginName&objectId=${entity.objectId}",
                    type : "post",
                    data: {
                        value: function () {
                            return $('#loginName').val();
                        }
                    },
                    dataType : "json"
                },
                messages : {
                    remote : "该用户已注册"
                }
            });
            refreshParentPage(true);
            
        	$("#idCardNo").rules("add",{
        		isIdCardNo:true,
        		maxlength:18,
        		minlength:15,
        		messages:{
            		maxlength:'身份证号最小为15位',
            		minlength:'身份证号最大为18位',
            		isIdCardNo:'身份证格式不正确'
                }
        	});
        	$("#cellPhone").rules("add",{
        		required:true,
        		number:true,
        		maxlength:11,
        		minlength:11,
        		messages:{
        			required:'不能为空',
            		maxlength:'手机号码为11位数字',
            		minlength:'手机号码为11位数字',
            		number:'请输入数字'
                }
        	});
        	$("#telePhone").rules("add",{
        		required:true,
        		number:true,
        		maxlength:20,
        		minlength:7,
        		messages:{
        			required:'不能为空',
        			minlength:'固定电话最少7位数字',
            		maxlength:'固定电话不超过20位数字',
            		number:'请输入数字'
                }
        	});
       });

你可能感兴趣的:(jquery验证和提交form表单)