阅读背景:

jquery.validate.js自定义表单验证

来源:互联网 
$(document).ready(function() {
	//在下列位置输入页面加载的逻辑代码
	
	$("#inputForm").validate({
		rules: {
			seq: {range: [0,100]}
			
		},
		submitHandler : function(form) {
			loading('正在提交,请稍等...');
			form.submit();
		},
		errorContainer : "#messageBox",
		errorPlacement : function(error, element) {
			$("#messageBox").text("输入有误,请先更正。");
			if (element.is(":checkbox") || element.is(":radio") || element.parent().is(".input-append")) {
				
				error.appendTo(element.parent().parent());
			} else {
				error.insertAfter(element);
			}
		}
	});
});

$.validator.setDefaults({
	
	submitHandler:function(form){
		form.submit();//提交时拦截
		
	},
    errorPlacement: function(error, element) {
        error.addClass('tooltips tooltips-inner arrow-left');
        if (element.is(":radio")){
        	error.appendTo(element.parent().parent());
        }else if (element.is(":checkbox")){
        	error.appendTo(element.parent().parent());
    	}else{
    		error.insertAfter(element);
	    }
        var pos = $.extend({}, element.offset(), {
            width: element.outerWidth()
          , height: element.outerHeight()
          }),
          actualWidth = error.outerWidth(),
          actualHeight = error.outerHeight();
        if((pos.top - actualHeight)<0){actualHeight=0;pos.width+=10;}//如果输入框距离顶端为0情况把提示放右边
        if(element.parents(".blockPage").attr("class")=="blockUI blockMsg blockPage"){//如果是弹出框的,那么设置如下
        	 error.css({display:'block',opacity:'0.6' ,left:300,top:pos.top - $(document).scrollTop() - actualHeight - 100, "border-left": '0px'});
        }
        else if (element.is(":radio")){//类型为radio的显示如下
	        error.css({display:'block',opacity:'0.6',top: pos.top - actualHeight, left: pos.left + pos.width / 2 });
        }else{//其他均为以下显示
        	error.css({display:'block',opacity:'0.6',top: pos.top - actualHeight, left: pos.left + pos.width-10 });
	    }
    }
});
$(document).ready(function() {
	//在下列位置输入页面



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: