在webview中 input=number类型的问题

电玩女神 2022-07-15 03:45 109阅读 0赞

最劲，项目投产上线，在生产验证的过程中出现了一些小问题。其中一个就是type=number的问题。项目中前段要向后台服务器提交一个金额的字段，需要可以输入小数，其中输入框选择了type=number类型；但是在表单输入的过程中发现安卓手机对于number类型支持较弱，有的手机不能输入小数点，后来研究了一下解决了；

如果想要输入小数可以设置步数，也就是step="0.01"解决了，是不是很简单；

后来要继续研究了一下，是不是自己可以通过js进行判断<input type="text" name="name" value="0" />中只允许输入数字和小数点；

**方案1：**

通过JavaScript代码实现。

JavaScript代码如下：

**\[javascript\]**  [view plain][]   [copy][view plain]

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][view plain]

1.  **<****input** type="text" name="name" value="0" onkeyup="checkNum(this)" **/>**

**方案2：**

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

**\[html\]**  [view plain][]   [copy][view plain]

1.  **<****input** type="text" name="name" value="0" runat="server" class="easyui-numberbox" precision="2" **/>**

其中的precision表示小数位数。

[view plain]: http://blog.csdn.net/shanzhizi/article/details/8906317#
[jQuery]: http://lib.csdn.net/base/jquery