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

Question

我有一个类型为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"（用于在输入字段下显示最大长度）时才会发生这种情况。

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

我该如何解决？

编辑：

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

编辑2：

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