转:https://www.cnblogs.com/esion/p/3342866.html
本文介绍三种控制在中只允许输入数字和小数点的方案。
方案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表示小数位数。
方案3:正则-限制input只能输入数字和小数点(用于金额输入框等)
<input id="Price" name="Price" type="text" class="form-control" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" placeholder="请输入单价" />