Javascript 带jQuery的IP屏蔽HTML输入表单

所以我需要验证一个输入字段以接受IP地址

<form method="POST">
    <input type='text' placeholder='xxx.xxx.xxx.xxx' name='IP'>
</form>

然而，这对我来说不起作用。下面是我如何包含脚本的（只是要指出）

此外，即使我成功地做到了这一点，它仍然不是最好的选择，因为IP地址的两位数部分不会正确呈现（即84.55.11.499）。因此，我的问题是：

为什么上面的代码在我这方面不起作用，但在JSFiddle上起作用

如何使用掩码库过滤两位IP地址

---

我看到你已经在使用jQuery插件了——试试这个具有完全工作IP掩码的插件

是这样做的：

 $('.ip_address').mask('0ZZ.0ZZ.0ZZ.0ZZ', {translation: {'Z': {pattern: /[0-9]/, optional: true}}});

或者相同的-稍微短一点：

 $('.ip_address').mask('099.099.099.099');

最后一个示例是我的示例中使用的最后一行

根据jQuery掩码文档：

0:只有数字

9：只有数字，但可选

---

所以你看-

099.099.099.099

，如果你想在每个小数点之间强制输入两位数字

009.009.009

，我知道已经晚了，我知道你需要jQuery，但如果你在HTML5中不知道的话，你可以使用带有规则表达式的模式属性

例如：

<input required pattern="^([0-9]{1,3}\.){3}[0-9]{1,3}$">

---

我知道这篇文章很旧，但我认为下面的代码是正确的答案

例如：

<input type="text" class="form-input" id="ipv4" name="ipv4" placeholder="xxx.xxx.xxx.xxx"/>

---

并没有真正回答我的问题。是的，如果你选择使用这个插件，你会使用我展示的代码行。这是如何用小数点屏蔽的-每个部分至少有一个数字，但允许有3个数字。这些是IP地址文本框的规则请看这里的工作-我在那里粘贴了缩小的掩码javascript，这比上传更容易。。。。是的，但它仍然不将2位数字计算为IP地址的一部分。是的，在2位数字后点击空格键或“.”

<input required pattern="^([0-9]{1,3}\.){3}[0-9]{1,3}$">

xxx.xxx.xxx.xxx
x.x.x.x
xx.xx.xx.xx
x.xx.xxx.xx

<input type="text" class="form-input" id="ipv4" name="ipv4" placeholder="xxx.xxx.xxx.xxx"/>

var ipv4_address = $('#ipv4');
ipv4_address.inputmask({
   alias: "ip",
   "placeholder": "_"
});