前言

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

具體方法

1.方法1：在提交資料的時候，判斷輸入數字。

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

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

2.方法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。

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