输入数字,带两位小数,最大长度为12

时间:2018-10-15 11:44:09

标签: angularjs angularjs-material

我有一个类型为number的输入,此输入中的值将保存在类型为number(12,2)的列中,因此我想将最大长度设置为12(总共12位数字, 其中2个在小数点后)。

我尝试如下:

<input type="number" md-maxlength="12" ng-pattern="/^[0-9]{0,10}([,.][0-9]{0,2})?$/" step="0.01" ..>

每当我键入无效的内容时,仅当我添加md-maxlength="12"(用于在输入字段下显示最大长度)时才会发生这种情况。

enter image description here

从图片中可以看到,输入无效。

我该如何解决?

编辑:

ng-maxlength而不是md-maxlength解决了此问题,但是不再显示输入下的x / 12标签,该标签指示最大长度。

编辑2:

正则表达式现在指示小数点(逗号或点)前仅允许10个数字,而小数点后仅2个为可选,您可以看到正则表达式在这里正常工作:https://regex101.com/r/fdDLFP/3,问题是当我添加md-maxlength

0 个答案:

没有答案