ip输入限制及验证

原创于 2016-12-15 15:06:08 发布 · 1.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

javascript 专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的IP地址输入验证功能。通过正则表达式检查用户输入的IP地址是否符合标准格式，并利用键盘事件确保只能输入数字和点。若输入格式错误，则会显示提示信息。

        $("input[name='srcIp']").keypress(function(e) {
            e = e || window.event;
            var code = getCharCode(e);
            console.log(code);
            if((code >= 48 && code <= 57) || (code === 46)) {
                return true;
            } else {
                return false;
            }
        })
        .blur(function() {
            var status = true;
            var value = $(this).val();
            var reg3 = /^(((2[0-4][0-9]|25[0-5]|1\d{2}|[1-9]\d|\d)(\.)){1,3}(2[0-4][0-9]|25[0-5]|1\d{2}|[1-9]\d|\d){0,1})$|^(2[0-4][0-9]|25[0-5]|1\d{2}|[1-9]\d|\d){1}$/g;
            if(reg3.test(value) === false && value !== "") {
                status = false;
            }
            if(status === false) {
                Messenger().post({
                    message: '请输入正确格式的ip地址！',
                    type: 'error',
                    showCloseButton: true,
                    hideAfter: 2
                });
                Messenger({
                    extraClasses: 'messenger-fixed messenger-on-top'
                });
            }
        });