本文摘自PHP中文网,作者尚,侵删。

1、排序 验证
html代码
1 2 3 4 5 6 | <div class= "layui-form-item" >
<label class= "layui-form-label" >排序</label>
<div class= "layui-input-block" >
<input type= "number" name= "sort" autocomplete= "off" min= "0" max= "99999" lay-verify= "sort" class= "layui-input" >
</div>
</div>
|
type="number" 之后文本框的后面就出现如上图那样的效果,并且只能输入数字和小数点
js代码
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | layui.use([ "form" , "layer" ], function () {
var form = layui.form;
var layer = layui.layer;
form.render();
form.verify({
sort:[/^$|^[0-9]{0,5}$/, '只能是数字且范围0~99999!' ]
,remark: function (value){
if (value.length > 200){
return '长度大于200!请重新输入' ;
}
}
});
});
|
2.金额 验证
阅读剩余部分
相关阅读 >>
在vue中怎么使用layui
layui封装模块教程
layui组件有哪些
layui弹出层怎么使用
layui表单中的inline和block介绍
layui不支持ie兼容吗
layui为什么好
layui框架的好处
layui如何设置菜单权限
jquery的easyui和layui区别是什么
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » layui表单验证介绍