layui的表单中的一些常见的标签的含义,含在线实战。
2024-01-01 13:45:07
表单提交:
lay-submit和lay-filter组合使用实现表单的提交,注意这个必须有两个,不然实现不了表单的提交喔,例如
<button class="layui-btn layui-btn-normal" lay-filter="login_button" lay-submit="">登陆</button>
表单检验:
lay-verify 检验:首先也是最常用到的是否为必填字段
写法:lay-verify=“required”
然后就是lay-ui自带的对检验各种数据类型,比如对手机号码的检验,身份证的检验。
phone(手机号)
email(邮箱)
url(网址)
number(数字)
date(日期)
identity(身份证)
那么这些字段到代码中应该怎么实现呢,
lay-verify="phone"就可以了,
那么如果涉及到多个条规则的检验应该怎么写呢?
格式:lay-verify=“验证A|验证B”
如:lay-verify=“required|phone|number”
同时layui还支持自定义检验规则,这个需要借助form.verify实现,这里选取了官网的案例。
form.verify({
username: function(value, item){ //value:表单的值、item:表单的DOM对象
if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)){
return '用户名不能有特殊字符';
}
if(/(^\_)|(\__)|(\_+$)/.test(value)){
return '用户名首尾不能出现下划线\'_\'';
}
if(/^\d+\d+\d$/.test(value)){
return '用户名不能全为数字';
}
//如果不想自动弹出默认提示框,可以直接返回 true,这时你可以通过其他任意方式提示(v2.5.7 新增)
if(value === 'xxx'){
alert('用户名不能为敏感词');
return true;
}
}
//既支持上述函数式的方式,也支持下述数组的形式
//数组的两个值分别代表:[正则匹配、匹配不符时的提示文字]
,pass: [
/1{6,12}$/
,‘密码必须6到12位,且不能出现空格’
]
});
实战的网站,
http://www.shagua.wiki/project/3?p=92
参考的网站
https://www.cnblogs.com/xiaonantianmen/p/9224370.html
\S ??
文章来源:https://blog.csdn.net/weixin_47353899/article/details/135323526
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!