jqueyr validtion的使用

江北机场对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>