控制HTML Input只能輸入數字和小數點

本文介紹兩種控制在<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表示小數位數。