jQuery表单验证插件 | 张先生的网络日志

验证必填项是否为空

jQuery("input[type=submit]").bind("click", function(e){
        jQuery("input[required=required],textarea[required=required]").trigger("blur");
        var inputV = [];
        //遍历input[type=required]的value长度并填入数组
            jQuery("input[required=required],textarea[required=required]").each(function(){
            var inputLeng = jQuery(this).val().length;
            inputV.push(inputLeng);
        });
        //判断数组中是否包含数值0
        var KeyNum = inputV.indexOf(0);
        if(KeyNum==-1){
            //验证成功时提交当前表单
            jQuery(this).closest("form").submit();
        } else {
            //验证失败时执行
            console.info("必填项没有填写");
        }
    });

    //失去焦点时验证表单
    jQuery("input[required=required],textarea[required=required]").blur(function(){
        var inputValue = jQuery(this).val().length;
        if(inputValue == 0) {
            jQuery(this).css("border-color","#F64646");
        } else {
            jQuery(this).css("border-color","");
        }
    });