layui input输入框 限制只能输入数字和小数点

1.只允许输入整数数字

<input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" >

2.允许输入1位小数

<input type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,1})?).*$/g, '$1')" >

3:允许输入两位小数

<input type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" >

4:允许输入三位小数

 

<input type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,3})?).*$/g, '$1')" >

5:开始不能为0 且不能输入小数

<input type="text" onkeyup="value=value.replace(/[^\d]/g,'').replace(/^0{1,}/g,'')" >

限制单元格编辑时为数字类型

layui.$(document).on("focus", ".layui-table-edit", function () {
    layui.$(this).attr("type", "number")
});

通常我们只是限制某个字段为数字类型

layui.$(document).on("focus", '[data-field="added_price"] .layui-table-edit', function () {
    layui.$(this).attr("type", "number")
});