使用angularjs验证html5中文本字段中的数字

Question

我的输入字段是我表单中的数字类型。它不是必填字段。所以我没有给出必要的属性。但是每当用户给它赋值时，他必须只提供数值而不是字母或任何特殊字符。如何在ng-show of angularjs中验证这一点？

Answer 1

请参见此处：http://jsbin.com/renegica/12/

<form name="myForm" ng-submit="onSubmit()">

    <input type="text" name="number" ng-model="number" ng-pattern="/^[0-9]+$/" required/>
    <span ng-show="myForm.number.$error.pattern">Not a number!</span>
  </form>

Answer 2

在这里使用angular-ui mask-＆gt; http://angular-ui.github.io/ui-utils/#/mask

以下是我使用电话号码模式的示例：

<input name="phoneInputNumber"
ui-mask="(999)999-9999"
ng-model="phoneInput.number" />

Answer 3

希望这个线程能够解决你的问题。 Solving a Regex for a number range

根据此主题，您可以在http://utilitymill.com/utility/Regex_For_Range中获取任何数字范围的正则表达式模式。