当前位置: 移动技术网 > IT编程>开发语言>JavaScript > jquery数据验证插件(自制,简单,练手)实例代码

jquery数据验证插件(自制,简单,练手)实例代码

2018年11月16日  | 移动技术网IT编程  | 我要评论

代码如下:


(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 = /(^189\d{8}$)|(^13\d{9}$)|(^15\d{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 }
   &nnbsp;        if (!passwordinput.isempty({ "msg": "格式不正确!" })) { return false }
            if (!interfaceurlinput.isempty({ "msg": "格式不正确!" })) { return false }
        }
    </script>

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网