Angular JS中用于IP地址验证的ng-pattern [重复]

Question

我正在尝试使用 ng-pattern 验证文本框中的 IP 地址

代码：

<input name="machinestodiscover" type="text" ng-model="machinestodiscover" ng-minlength="7" ng-maxlength="15" ng-pattern="/\b([0-9]{1,3})[.]([0-9]{1,3})[.]([0-9]{1,3})[.]([0-9]{1,3})\b/" required>
 <span ng-show="conditionForm.machinestodiscover.$error.required" class="help-block" style="display:inline;">*Machines To discover Required</span>
 <span ng-show="conditionForm.machinestodiscover.$error.pattern" class="help-block" style="display:inline;">*IP Pattern Wrong.</span>

我面临的问题是它甚至接受 1.1.1.1.1.1.1 的值。

当我检查http://regexr.com/中的表达式时

截图：

我的正则表达式/ng-pattern 有什么问题

Answer 1

问题在于\b，它是单词边界。也就是.也被单词边界匹配了。

改用锚点，

^([0-9]{1,3})[.]([0-9]{1,3})[.]([0-9]{1,3})[.]([0-9]{1,3})$

• ^ 将正则表达式锚定在字符串的开头。
• $ 将正则表达式锚定在字符串的末尾

Regex Demo