jquery数据验证插件(自制,简单,练手)实例代码

前端技术 2023/09/05 JavaScript

复制代码 代码如下:

(function($) {
    var defaults = {
        bugColor: \'#FFCCCC\', //数据有误的时候文本框颜色
        color: \'white\', //数据正确时候文本框颜色
        type: \"alert\", //数据错误时候提示方式 alert 弹出框方式 text 赋值span html
        msg: \"Msg\", //数据有误的时候提示内容
        ResOjId: \'no\'// 当test方式的时候 被赋值的标签 #id
    };
    function UiProcess(options, rexString, object) {
        var options = $.extend(defaults, options);
        var values = object.val();
        if (rexString.test(values)) {
            object.css(\"backgroundColor\", options.color);
            return true;
        } else {
            object.css(\"backgroundColor\", options.bugColor);
            if (options.type == \"alert\") {
                alert(options.msg);
            }
            if (options.type == \"text\") {
                $(options.ResOjId).html(options.msg);
            }
            return false;
        }
    }
    //验证ip是否符合格式
    $.fn.RegIp = function(options) {
        var rexString = /^\\d{1,3}\\.{1}\\d{1,3}\\.{1}\\d{1,3}/;
        return UiProcess(options, rexString, this)
    }
    //验证座机是否符合格式
    $.fn.RegTelPhone = function(options) {
        var rexString = /^[0-9]+[-]?[0-9]+[-]?[0-9]$/;
        return UiProcess(options, rexString, this)

    }
    //验证手机是否符合格式
    $.fn.RegMombilePhone = function(options) {
        var rexString = /(^189\\d{8}$)|(^13\\d{9}$)|(^15\\d{9}$)/;
        return UiProcess(options, rexString, this)

    }
    //验证中文是否符合格式
    $.fn.RegCHZN = function(options) {
        var rexString = /[\\u4e00-\\u9fa5]/;
        return UiProcess(options, rexString, this)

    }
    //验证decimal是否符合格式
    $.fn.RegDecimal = function(options) {
        var rexString = /^[0-9]+[.]?[0-9]+$/;
        return UiProcess(options, rexString, this)

    }
    //验证decimal保留一位小数是否符合格式
    $.fn.RegDecimalSign = function(options) {
        var rexString = /^[+-]?[0-9]+[.]?[0-9]+$/;
        return UiProcess(options, rexString, this)

    }
    //验证整数保留一位小数是否符合格式
    $.fn.RegNumber = function(options) {
        var rexString = /^[0-9]+$/;
        return UiProcess(options, rexString, this)

    }
    //验证各位整数保留一位小数是否符合格式
    $.fn.RegNumberSign = function(options) {
        var rexString = /^[+-]?[0-9]+$/;
        return UiProcess(options, rexString, this)

    }
    //验证非空字符
    $.fn.IsEmpty = function(options) {
        var rexString = /(^.+$)|([\\u4e00-\\u9fa5])/;
        return UiProcess(options, rexString, this)

    }
})(jQuery);

本文地址:https://www.stayed.cn/item/14112

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。