控制HTML Input只能输入数字和小数点

本文介绍两种使用javascript控制在<input type="text" name="name" value="0" />中只允许输入数字和小数点的方案。

本文介绍两种控制在<input type="text" name="name" value="0" />中只允许输入数字和小数点的方案。

 

方案1：

　　通过JavaScript代码实现。

　　JavaScript代码如下：

function checkNum(obj) {     //检查是否是非数字值     if (isNaN(obj.value)) {         obj.value = "";     }     if (obj != null) {         //检查小数点后是否对于两位http://blog.csdn.net/shanzhizi         if (obj.value.toString().split(".").length > 1 && obj.value.toString().split(".")[1].length > 2) {             alert("小数点后多于两位！");             obj.value = "";         }     } }

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

方案2：

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

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

其中的precision表示小数位数。