layui的表单中的一些常见的标签的含义,含在线实战。

发布时间:2024年01月01日

表单提交:

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


  1. \S ??

文章来源:https://blog.csdn.net/weixin_47353899/article/details/135323526
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。