zoukankan      html  css  js  c++  java
  • 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{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 = /(^189d{8}$)|(^13d{9}$)|(^15d{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);

    调用:

     <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>
  • 相关阅读:
    H7-TOOL外网远程LUA小程序功能展示
    【第3版emWin教程】第20章 emWin6.x存储设备之基本函数
    【第3版emWin教程】第19章 emWin6.x的2D图形库之绘制图形(含二维码和条形码)
    【第3版emWin教程】第18章 emWin6.x的2D图形库之绘制流位图(SPI Flash方案)
    【第3版emWin教程】第17章 emWin6.x的2D图形库之绘制流位图(QSPI Flash内存映射方案)
    嵌入式新闻早班车-第7期
    【第3版emWin教程】第16章 emWin6.x的2D图形库之绘制流位图(SD卡方案)
    嵌入式新闻早班车-第6期
    【第3版emWin教程】第15章 emWin6.x的2D图形库之绘制位图
    【第3版emWin教程】第14章 emWin6.x的2D图形库之基本绘图
  • 原文地址:https://www.cnblogs.com/xiachong-0769/p/3383238.html
Copyright © 2011-2022 走看看