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

Question

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

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 掩码-> http://angular-ui.github.io/ui-utils/#/mask

这是我将其与电话号码模式一起使用的示例：

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

Answer 3

希望这个线程能解决你的问题。 解决数字范围的正则表达式

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