Html Angularjs输入限制

我有一个表单中的输入框，我希望用户只输入数字，数字的最大长度应该是10

<input type="text" maxlength="10" ng-model="phoneNumber" class="form-control"/>

当我使用上述方法时，我可以用10位数字限制用户，但用户可以输入字母

<input type="number" ng-model="phoneNumber" class="form-control"/>

当我使用第二种方法时，用户只能输入数字，但我不能限制只输入10位数字

除了警告用户，还有其他选项可以将这两个属性组合在一起吗

实际输入

type=number

仅处理，如果输入的数字不在范围内，则不允许用户提交表单

请参阅：

更多详细信息：

---

根据经验，最好在后端进行任何验证（用户始终控制前端），在前端根据用户体验进行数据验证，在后端根据安全性进行数据验证。这两个层都涉及验证，但类型不同。OP要求只允许输入10位长的数字。使用

max=“99999”

（或

ng maxlength=“10”

）您可以随意键入（即使未验证）。看起来这个适合我。谢谢