输入类型编号仅允许一位数字

Question

我有一个带有最小值和最大值的数字文本框。我给了min =“ 0”和max =“ 9”。但是用户可以输入9个以上的数字，例如10,100等。

<input style='width:125px;' ng-model='decimalvalues' min='0' max='9'
       ng-init='decimalvalues=4'
       data-ng-change=" + Decimalplaces + " 
       type='number'
       id='decimalvalues'/>"

Answer 1

您描述的是min/max的默认行为。这些属性用于验证，它们不能阻止用户输入无效的值。如果用户输入的值大于max，则表单控件将变为$invalid，并且$error对象将填充：{"max":true}。您可以使用该值向用户显示错误消息。 （如果要防止用户输入错误的值，则需要一个自定义指令）

在此处了解更多信息，以了解验证的工作原理：

• https://docs.angularjs.org/api/ng/input/input%5Bnumber%5D
• https://docs.angularjs.org/api/ng/type/form.FormController#$error

检查带有错误消息的有效示例：DEMO

此外，您的ng-change表达式无效，应该删除或替换它。