用于验证比率的 ng 模式答案

【问题标题】：ng-pattern for validating ratio用于验证比率的 ng 模式
【发布时间】：2015-12-17 14:18:24
【问题描述】：

我已经为输入文本框提供了模式验证

 ng-pattern="^(2[0-3]|[01]?[0-9]):([0-5]?[0-9])$"

它不会对按钮进行任何验证。完整的实现在这里：

<form name="configurationForm">                              
<div class="form-group">
  <input type="text" class="form-control" placeholder="Enter Ratio (Eg:3:1)" ng-pattern="^([0-9]):([0-9])$" ng-model="configuration.stripRatio" name="stripRatio" required />
  <span class="error pop_up" ng-show="configurationForm.stripRatio.$error.pattern">Please enter only ratio..Eg:3:1</span>
</div>
</form>
<button ng-disabled="configurationForm.$invalid">Save</button>

【问题讨论】：

标签： angularjs regex

【解决方案1】：

试试看

ng-pattern="/^([0-9]+):([0-9]+)$/"

或

ng-pattern="/^(\d+):(\d+)$/"

你忘了放"/"，还用"+"量词

【讨论】：

【解决方案2】：

我没试过，但是你的ng-pattern好像不对，应该是这样的"/^([1-9]+[0-9]*):([1-9]+[0-9]*)$/"

【讨论】：