大部分的layui验证在我另一个博客页面https://www.cnblogs.com/a973692898/p/11577502.html
这次的是只能输入整数,之前写了一个lay-verify=”required|number”,发现在实际运用中,写小数的,会出现错误信息;换成double也不成
后来就用了js辅助,看代码:
<input name="operatorId" lay-verify="suanziId" class="layui-input" type="text">
额。。。我这个命名可能不怎么规范哈, 上边代码中加下划线的是重点哈;
//创建一个编辑器 var editIndex = layedit.build('LAY_demo_editor'); //自定义验证规则 form.verify({ title: function(value){ if(value.length < 5){ return '标题至少得5个字符啊'; } } ,suanziId: [ /^[1-9]d*$/ ,'只能是整数哦' ] ,content: function(value){ layedit.sync(editIndex); } });
这样就可以限制只能是数字了,其他的限制也可以使用这中方式。只需要不同的正则表达式即可
今天刚发现一个更简单的自定义验证:
<input name="location" class="layui-input" lay-verify="number|Ndouble" type="text"/>
Ndouble 加了下划线的哦,我们自定义这个Ndouble
//自定义表单验证
form.verify({
Ndouble:[
/^[1-9]d*$/
,'只能输入整数哦'
]
});
相比之前的要更简单些