江北机场对validtion的扩展

<script type="text/javascript">
$.validator.setDefaults({
/*关闭键盘输入时的实时校验*/
onkeyup:null,
/*添加验证成功的执行函数--修改右侧提示的内容,并为正确提示信息添加新的样式(默认是valid)*/
success:function(label){
/*label的默认正确样式为valid,需要通过validClass来重置,否则这里添加的其他样式不能被清除*/
label.text('').addClass('valid');
},
/*重写校验元素获得焦点后的执行函数--增加【1.光标移入元素时的帮助提示,2.校验元素的高亮显示】两个功能点*/
onfocusin:function(element){
this.lastActive=element;
/*1.帮助提示功能*/
this.addWrapper(this.errorFor(element)).hide();
var tip=$(element).attr("tip");
if(tip && $(element).parent().children('.tip').length===0){
$(element).parent().append("<label class='tip'>"+tip+"</label>");
}
/*2.校验元素的高亮显示*/
$(element).addClass(highlight);
if(this.settings.focusCleanup){
this.settings.unhighlight.call(this,element,this.settings/validClass);
}
this.hideThese(this.errorFor(element))
},
/*重写校验元素焦点离开时的执行函数--【1.添加的帮助提示,2.校验元素的高亮显示】*/
onfocusout:function(element){
/*1.帮助提示信息移除*/
$(element).parent().children(".tip").remove();
/*2.校验元素高亮样式移除*/
$(element).removeClass("highlight");
/*3.替换下面注释的原始代码,任何时候光标离开元素都触发校验功能*/
this.element(element);
}
})
</script>

jqueyr validtion的使用-LMLPHP

05-11 16:03