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。

你知道的越多，你不知道的越多。我们不生产知识，我们只是知识的搬运工。