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

表单提交：

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: [
/¹{6,12}$/
,‘密码必须6到12位，且不能出现空格’
]
});

实战的网站，

http://www.shagua.wiki/project/3?p=92

参考的网站

https://www.cnblogs.com/xiaonantianmen/p/9224370.html

---

1. \S ↩︎