900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 控制HTML Input只能输入数字和小数点

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

时间:2020-12-08 12:57:25

相关推荐

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

转:/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="请输入单价" />

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。