码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-01-06 17:54:33      阅读:323      评论:0      收藏:0      [点我收藏+]

标签:angularjs   number   step   保留小数   input   

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


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

<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的输入框如何限制小数位数

标签:angularjs   number   step   保留小数   input   

原文地址:http://blog.csdn.net/yanjun008/article/details/42461939

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!