本文摘自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.金额 验证
阅读剩余部分
相关阅读 >>
layui的tips层怎么用
layui的优缺点是什么?
通过layui给数据表格添加序号
layui input只读属性是什么
为laydate输入框加上图标的方法(附代码)
layui怎么绑定普通事件监听
layui框架是什么
layui复选框使用介绍
layui实现点击按钮添加一行的方法
layui是软件吗
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » layui表单验证介绍