BootstrapValidator自定义中文长度校验

不见长安见晨雾

已于 2023-02-20 17:33:49 修改

阅读量3.9k

点赞数

分类专栏： Web前端文章标签： javascript 开发语言 ecmascript

于 2018-09-26 20:49:17 首次发布

本文链接：https://blog.csdn.net/fengsheng5210/article/details/82859107

版权

Web前端专栏收录该内容

19 篇文章 0 订阅

订阅专栏

原理

中文字符占用3个长度，在原stringLength校验方法的基础上做了一个扩展。

程序

;(function($) {
    $.fn.bootstrapValidator.validators.proStringLength = {
        html5Attributes: {
            message: 'message',
            min: 'min',
            max: 'max'
        },

        enableByHtml5: function($field) {
            var options   = {},
                maxLength = $field.attr('maxlength'),
                minLength = $field.attr('minlength');
            if (maxLength) {
                options.max = parseInt(maxLength, 10);
            }
            if (minLength) {
                options.min = parseInt(minLength, 10);
            }

            return $.isEmptyObject(options) ? false : options;
        },
        validate: function(validator, $field, options) {
            var value = $field.val();
            
            if (value === '') {
                return true;
            }
            var length = value.length;
            for (var i = 0; i < length; i++) {
                if (value.charCodeAt(i) > 127) {
                    length=length+2; 
                }
            }
            var min     = $.isNumeric(options.min) ? options.min : validator.getDynamicOption($field, options.min),
                max     = $.isNumeric(options.max) ? options.max : validator.getDynamicOption($field, options.max),
                isValid = true,
                message = options.message || $.fn.bootstrapValidator.i18n.stringLength['default'];
            
            if ((min && length < parseInt(min, 10)) || (max && length > parseInt(max, 10))) {
                isValid = false;
            }

            switch (true) {
                case (!!min && !!max):
                    message = $.fn.bootstrapValidator.helpers.format(options.message || $.fn.bootstrapValidator.i18n.stringLength.between, [parseInt(min, 10), parseInt(max, 10)]);
                    break;

                case (!!min):
                    message = $.fn.bootstrapValidator.helpers.format(options.message || $.fn.bootstrapValidator.i18n.stringLength.more, parseInt(min, 10));
                    break;

                case (!!max):
                    message = $.fn.bootstrapValidator.helpers.format(options.message || $.fn.bootstrapValidator.i18n.stringLength.less, parseInt(max, 10));
                    break;

                default:
                    break;
            }

            return { valid: isValid, message: message };
        }
    };
}(window.jQuery));

使用

accountNo: {
            message: '账号验证失败',
            validators: {
                notEmpty: {
                    message: '账号不能为空'
                },
                proStringLength: {
                    min: 1,
                    max: 100,
                    message: '长度必须小于100，中文占3个字符'
                }
            }
        },