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>
  • 相关阅读:
    JavaWeb--HttpSession案例
    codeforces B. Balls Game 解题报告
    hdu 1711 Number Sequence 解题报告
    codeforces B. Online Meeting 解题报告
    ZOJ 3706 Break Standard Weight 解题报告
    codeforces C. Magic Formulas 解题报告
    codeforces B. Sereja and Mirroring 解题报告
    zoj 1109 Language of FatMouse 解题报告
    hdu 1361.Parencodings 解题报告
    hdu 1004 Let the Balloon Rise 解题报告
  • 原文地址:https://www.cnblogs.com/xiachong-0769/p/3383238.html
Copyright © 2011-2022 走看看