一个比较完善表单校验插件

(function($){
    $.fn.jStar.defaults = {
        validationAttr:      'vtype',       //需要校验的标识属性
        warnAttr:            'warnText',   //校验错误时提示的文本属性
        errorMsgs:           ''
    };
    $.fn.isValid=function(){
        var vFlds = findValidateFields($(this)),
            foucusFlag=0;
            options.errorMsgs='';
        var showErrorMsgsLengthFlag= 0,
            flag=0;//控制显示输入错误的提示信息条数
        $(vFlds).each(function(){
            var fldValidations=buildSingleFldVType(this);
            var errorMsg=buildErrorMsg(fldValidations,this);
            if(errorMsg&&3==showErrorMsgsLengthFlag&&0==flag){ //这个判断需要放在showErrorMsgsLengthFlag自增前面
                options.errorMsgs+='<li>··· ···</li>';
                flag++;
            }
            if(errorMsg&&showErrorMsgsLengthFlag<3){
                options.errorMsgs+=errorMsg;
                showErrorMsgsLengthFlag++;
            }
        });
        //????光标定位????i still dont know how......
        var firstErrorMsg=options.errorMsgs.substring(0,options.errorMsgs.indexOf('<br/>'));
        if(firstErrorMsg){
            var obj = $('[warnText]',this);
            for(var i=0;i<obj.length;i++){
                var errorMsg=$(obj[i]).attr('warnText');
                if(firstErrorMsg==errorMsg){
//                    showErrorMsgs();
                    obj[i].focus();
                    return false;
                }
            }
        }

        if(options.errorMsgs.length>0)return false;
        else return true;
    };


    function buildErrorMsg(fldValidations, field) {
        var errorMsg = '';
        for(var i = 0; i < fldValidations.length; i++){
            var funcName = getVFunctionName(fldValidations[i]);
            var params = buildVParams(fldValidations[i]);
            if(!eval('$.fn.jStar.validations["'+funcName+'"](field, field.val()'+params+')')) {
                errorMsg+='<li>'+$(field).attr(options.warnAttr)+'</li>';
            }
        }
        return errorMsg;
    }
    //拿到需要校验元素的校验类型的参数。eg: range(1,100)
    function buildVParams(validation) {
        if(validation.indexOf('(') != -1) {
            var arr = validation.substring(validation.indexOf('(') + 1, validation.length - 1).split(',');
            var tempStr = '';


            for(var i = 0; i < arr.length; i++) {
                var single = trim(arr[i]);
                if(parseInt(single)) {
                    tempStr += ','+single;
                } else {
                    tempStr += ',"'+single+'"'
                }
            }


            return tempStr;
        } else {
            return '';
        }
    }


    //找到所有需要校验的元素
    function findValidateFields(form) {
        var tags = 'input textarea select'.split(' ');
        var fields = [];


        for(var i = 0; i < tags.length; i++) {
            form.find(tags[i]+'['+options.validationAttr+']').each(function() {
                if($(this).attr(options.validationAttr)){//判断options.validationAttr是否为空
                    fields.push($(this));
                }
            });
        }
        return fields;
    }
    //各元素需要校验的类型
    function buildSingleFldVType(field) {
        var valStr = field.attr(options.validationAttr);
        var fldValidations=[];
        var tempStr = '';
        var openBrackets = 0;
        for(var i = 0; i < valStr.length; i++) {
            switch(valStr[i]) {
                case ',':
                    if(openBrackets) {
                        tempStr += ',';
                        openBrackets--;
                    } else {
                        fldValidations.push(trim(tempStr));
                        tempStr = '';
                    }
                    break;
                case '(':
                    tempStr += '(';
                    openBrackets++;
                    break;
                case ')':
                    tempStr += ')';
                    fldValidations.push(trim(tempStr));
                    tempStr='';
                    break;
                default:
                    tempStr += valStr[i];
            }
            if(valStr.length-1==i&&')'!=valStr[i]){//判断最后一个字符是不是')',是则不执行下面一行代码
                fldValidations.push(tempStr);
            }
        }
        return fldValidations;
    }


    function getVFunctionName(validation) {
        if(validation.indexOf('(') != -1) {
            return validation.substr(0, validation.indexOf('('));
        } else {
            return validation;
        }
    }
    //去掉前后导空格
    function trim(str) {
        return str.replace(/^\s+/, '').replace(/\s+$/, '');
    }
    var options={};
    options=$.fn.jStar.defaults;


})(jQuery);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值