本文介绍两种控制在<input type="text" name="name" value="0" />中只允许输入数字和小数点的方案。
方案1：
通过JavaScript代码实现。
JavaScript代码如下：
function checkNum(obj) {
//检查是否是非数字值
if (isNaN(obj.value)) {
obj.value = "";
}
if (obj != null) {
//检查小数点后是否对于两位
if (obj.value.toString().split(".").length > 1 && obj.value.toString().split(".")[1].length > 2) {
alert("小数点后多于两位！");
obj.value = "";
}
}
};
Html代码如下：
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表示小数位数。