首页 > 代码库 > AngularJS中type为number的输入框如何限制小数位数

AngularJS中type为number的输入框如何限制小数位数

在做一个项目时,需要对输入框内容进行限制,只能输入两位小数。


首先要限制只能输入数字,这个很好实现,使用如下代码即可

<span style="font-size:14px;"> <input type="number"  ng-model="interest" name="interest" required /></span>


required :该输入框必填

type=number :只能输入整数


如何允许输入两位小数呢?

我们需要借助step属性(step是步长的意思)

  1. 目前而言,对step雄起的浏览器为IE10+, Chrome以及Opera浏览器。
如下一小段含step属性的HTML代码:

<span style="font-size:14px;"> <input type="number" step="0.01" ng-model="interest" name="interest" required /></span>

如何需要输入三个小数位,这step=0.001,依次类推


AngularJS中type为number的输入框如何限制小数位数