jquery数据验证插件（自制，简单，练手）

时间：2023-03-09 21:57:24
jquery数据验证插件（自制，简单，练手）

一：最近项目中js数据验证比较多，为了统一风格，移植复用，于是顺手封装了Jquery的插件。

(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{,}\.{}\d{,}\.{}\d{,}/;

        return UiProcess(options, rexString, this)

    }

    //验证座机是否符合格式

    $.fn.RegTelPhone = function(options) {

        var rexString = /^[-]+[-]?[-]+[-]?[-]$/;

        return UiProcess(options, rexString, this)

    }

    //验证手机是否符合格式

    $.fn.RegMombilePhone = function(options) {

        var rexString = /(^\d{}$)|(^\d{}$)|(^\d{}$)/;

        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 = /^[-]+[.]?[-]+$/;

        return UiProcess(options, rexString, this)

    }

    //验证decimal保留一位小数是否符合格式

    $.fn.RegDecimalSign = function(options) {

        var rexString = /^[+-]?[-]+[.]?[-]+$/;

        return UiProcess(options, rexString, this)

    }

    //验证整数保留一位小数是否符合格式

    $.fn.RegNumber = function(options) {

        var rexString = /^[-]+$/;

        return UiProcess(options, rexString, this)

    }

    //验证各位整数保留一位小数是否符合格式

    $.fn.RegNumberSign = function(options) {

        var rexString = /^[+-]?[-]+$/;

        return UiProcess(options, rexString, this)

    }

    //验证非空字符

    $.fn.IsEmpty = function(options) {

        var rexString = /(^.+$)|([\u4e00-\u9fa5])/;

        return UiProcess(options, rexString, this)

    }

})(jQuery);

调用：

 <script type="text/javascript">

        function submitOk() {

            var interfaceNameInput = $("#<%=interfaceName.ClientID %>");

            var userNameInput = $("#<%=userName.ClientID %>");

            var passWordInput = $("#<%=passWord.ClientID %>");

            var interfaceUrlInput = $("#<%=interfaceUrl.ClientID %>"); ;

            if (!interfaceNameInput.IsEmpty({ "msg": "接口名称格式不正确！" })) { return false }

            if (!userNameInput.IsEmpty({ "msg": "格式不正确！" })) { return false }

            if (!passWordInput.IsEmpty({ "msg": "格式不正确！" })) { return false }

            if (!interfaceUrlInput.IsEmpty({ "msg": "格式不正确！" })) { return false }

        }

    </script>

相关文章