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>
  • 相关阅读:
    git 命令行下浏览器tig使用记录
    根据进程名字杀死进程
    centos7 在线安装postgresql9.5
    HttpClient使用代理访问
    nmap查看服务器端口使用情况
    java后台启动jar包
    不同语言,系统通过共享内存方式实现信息交互
    释放 MappedByteBuffer映射的内存
    Java使用ByteBuffer读取大文件
    Java共享内存
  • 原文地址:https://www.cnblogs.com/xiachong-0769/p/3383238.html
Copyright © 2011-2022 走看看