最劲,项目投产上线,在生产验证的过程中出现了一些小问题。其中一个就是type=number的问题。项目中前段要向后台服务器提交一个金额的字段,需要可以输入小数,其中输入框选择了type=number类型;但是在表单输入的过程中发现安卓手机对于number类型支持较弱,有的手机不能输入小数点,后来研究了一下解决了;
如果想要输入小数可以设置步数,也就是step="0.01"解决了,是不是很简单;
<input type="number" step="0.01" />
后来要继续研究了一下,是不是自己可以通过js进行判断<input type="text" name="name" value="0" />中只允许输入数字和小数点;
方案1:
通过JavaScript代码实现。
JavaScript代码如下:
方案2:
如果使用jQuery,则可以轻松实现数字框。
其中的precision表示小数位数。