当regExp.test（“”）== false时，空字符串的ng-valid-pattern

Question

我有<input type="url">，但angularJS认为该模式即使是空的也是有效的。一切都在下面的演示中。

Demo

Answer 1

添加属性data-ng-required="true"

在此处查看演示：http://plnkr.co/edit/4wjiCNzs1OxgQomUxue5?p=preview

修改

因此，如果字段中没有数据（或空字符串），则当前版本的angular（1.2.15,1.3.beta）将不会运行ng-validation正则表达式。因此，我可以看到ng-validation-pattern类在清除您在评论中提到的现有字符串后仍然存在。 （我不确定这是一个错误还是按设计工作）

对于您的用例，您可以创建一个规则，以便在表格中包含ng-valid-pattern和ng-valid类时进行匹配。

.ng-valid.ng-valid-pattern{
  color:green;
}

我更新了plunker以显示此更改：http://plnkr.co/edit/4wjiCNzs1OxgQomUxue5?p=preview