轉：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="請輸入單價" />

總結

以上是生活随笔為你收集整理的控制HTML Input只能输入数字和小数点的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。