• 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>
  • 相关阅读:
    Raid卡在Write back 与Write through 时的性能差异
    mysql 的outfile以及infile 语法简单备份恢复表
    @SneakyThrows
    java中的mmap实现--转
    以ATT&CK为例构建网络安全知识图
    横向移动攻击点与识别
    Tomcat开启JMX监控
    mysql serverTimezone
    自增还是UUID?数据库主键的类型选择,为啥不能用uuid做MySQL的主键?
    数据库:查询结果中增加数据库不存在的字段的方法
  • 原文地址:https://www.cnblogs.com/xiachong-0769/p/3383238.html
Copyright © 2020-2023  润新知