使用AngularJS中的ng-pattern进行文本输入验证

时间:2016-02-01 14:39:20

标签: angularjs validation ip-address ng-pattern angularjs-ng-pattern

我想在AngularJs中使用ng-pattern目录验证文本输入。 文本输入可以有多个IP地址和IP范围,,(逗号)分隔。

举个例子;

172.168.21.3, 172.168.45.3/8, 172.53.23.12

有人可以帮我解决这个问题吗。

1 个答案:

答案 0 :(得分:0)

为什么不尝试这样的事情:

// controller
$scope.regex = /((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?),?)/g;

// markup
<input type="text" ng-model="ipAddress" ng-pattern="regex">

该正则表达式应该在最后使用条件逗号任意次数匹配IP地址,我将一个小plnkr示例放在一起。