layui 解決文本框只輸入數字方法

前言

需求：使用layui進行開發，需要對數字型的文本框進行驗證的同時只能輸入數字，不可輸入其他的內容。

具體方法

方法1

在提交數據的時候，判斷輸入數字。

<input type="text" name="nPlanAmount" lay-verify="number" autocomplete="off" class="layui-input" />

文本框中在lay-verify的屬性中，設置為number，最后，點擊提交的時候會判斷計划總數只能輸入數字，這樣處理不友好，不滿足需求。

方法2

在輸入即判斷，只能輸入數字。

<input type="text"  lay-verify="number" name="nTopAmount" value="0.000" onblur="value=zhzs(this.value)" class="layui-input"/>

/*自定義處理數字*/
function zhzs(value) {
   value = value.replace(/[^\d]/g, '').replace(/^0{1,}/g, '');
   if (value != '')
      value = parseFloat(value).toFixed(3);
   else
      value = parseFloat(0).toFixed(3);
   return value;
}

輸入時就可以判斷是否數字，如果不是，則默認為0.000。

你知道的越多，你不知道的越多。我們不生產知識，我們只是知識的搬運工。