在webview中 input=number类型的问题

最劲,项目投产上线,在生产验证的过程中出现了一些小问题。其中一个就是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代码如下:

[javascript]  view plain  copy
  1. function checkNum(obj) {  
  2.      //检查是否是非数字值  
  3.      if (isNaN(obj.value)) {  
  4.          obj.value = "";  
  5.      }  
  6.      if (obj != null) {  
  7.          //检查小数点后是否对于两位http://blog.csdn.net/shanzhizi  
  8.          if (obj.value.toString().split(".").length > 1 && obj.value.toString().split(".")[1].length > 2) {  
  9.              alert("小数点后多于两位!");  
  10.              obj.value = "";  
  11.          }  
  12.      }  
  13.  }  

[html]  view plain  copy
  1. <input type="text" name="name" value="0" onkeyup="checkNum(this)" />  

方案2:

  如果使用jQuery,则可以轻松实现数字框。

[html]  view plain  copy
  1. <input type="text" name="name" value="0" runat="server" class="easyui-numberbox" precision="2" />  

其中的precision表示小数位数。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值