[Layui]解决文本框只输入数字方法

Posted 2022-03-12 厦门德仔

前言

需求：使用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(/^01,/g, '');
   if (value != '')
      value = parseFloat(value).toFixed(3);
   else
      value = parseFloat(0).toFixed(3);
   return value;