文本框验证小集合

骑猪看日落 2022-08-25 14:48 92阅读 0赞

本次集合了几种常见的验证，用的时候只要在页面载入的时候初始化一次即可。

核心代码：

//检测类型
            if (options.rule) {
                switch (options.rule) {
                    case "number":
                        quens.push(isNumber);
                        obj.bind("keypress", function (e) {
                            if (e.which < 48 || e.which > 59) {
                                return false;
                            }
                        });
                        break;
                    case "decimal":
                        quens.push(isDecimal);
                        obj.bind("keypress", function (e) {
                            if (e.which != 46) {
                                if (e.which < 48 || e.which > 59) {
                                    return false;
                                }
                            }
                        });
                        break;
                }
            }
            //检测整数数字
            function isNumber() {
                if (!obj.val().isNumber())
                {
                    if (options.null && options.null.def) {
                        obj.val(options.null.def);
                    }
                    err.text("请输入数字");
                    bl = false;
                }
            }
            //检测小数
            function isDecimal() {
                if (!obj.val().isDecimal()) {
                    if (options.null && options.null.def) {
                        obj.val(options.null.def);
                    }
                    err.text("请输入数字");
                    bl = false;
                }
            }
            //检测最小值
            function isMin() {
                if (parseInt(obj.val()) < options.min) {
                    err.text("请输入大于等于" + options.min + "的值。");
                        bl = false;
                    }
                
            }
            //检测最大值
            function isMax() {
                if (parseInt(obj.val()) > options.max) {
                    err.text("请输入小于等于" + options.max + "的值。");
                    bl = false;
                }
            }
            //检测空值
            function isNNull () {
                if (obj.val().isNull()) {
                    if (options.null.def) {
                        obj.val(options.null.def);
                        bl = false;
                    }
                    else {
                        err.text("请不要填写空值");
                        bl = false;
                    }
                }
    
            }
            //检测大于
            function isLarge () {
                if (parseInt(obj.val()) < parseInt($(options.large).val())) {
                    err.text("请不要小于之前的数值");
                    bl = false;
                }
            }
            //检测小于
            function isSmall () {
    
                if (parseInt(obj.val()) > parseInt($(options.small).val())) {
                    err.text("请不要大于之后的数值");
                    bl = false;
                }
            }
            //检测长度
            function isMinLength () {
                if (!obj.val().min(options.minlength)) {
                    err.text("请填入长度不小于" + options.minlength + "的文本");
                    bl = false;
                }
            }
            function isMaxLength () {
                if (!obj.val().max(options.maxlength)) {
                    err.text("请填入长度不大于" + options.maxlength + "的文本");
                    bl = false;
                }
            }
            //检测是否一样
            function isSync () {
                if (obj.val() != $(options.sync).val()) {
                    err.text("两次输入的不一样");
                    bl = false;
                }
            }
            //讲方法加入队列
            if (options.min) quens.push(isMin);
            if (options.max) quens.push(isMax);
            if (options.null) quens.push(isNNull);
            if (options.large) quens.push(isLarge);
            if (options.small) quens.push(isSmall);
            if (options.minlength) quens.push(isMinLength);
            if (options.maxlength) quens.push(isMaxLength);
            if (options.sync) quens.push(isSync);
            if (options.func) quens.push(options.func);
            //讲队列绑定
            obj.bind("keyup blur", function () {
                var bl = true;
                obj.next().text("");
                for (var i in quens) {
                    if (bl) quens[i]();
                }
            });

引用链接：[点击打开链接][Link 1]

[Link 1]: http://www.webmeili.com/demo/js/z-valudet1.js