Layui form 表单验证lay-verify

Layui form 表单验证的 lay-verify 属性用于指定需要验证的表单元素，并且可以设置多个验证规则。

lay-verify 属性可以设置为内置的验证规则，比如 required、phone、email 等，也可以自定义验证规则。自定义验证规则需要在表单元素上设置 data-rule 属性，并在 JavaScript 中使用 layui.form.verify 方法添加验证规则。

例如，在表单元素上设置 lay-verify="required|phone"，表示该元素需要进行必填和手机号码的验证。如果需要自定义验证规则，可以在 JavaScript 中添加如下代码：

layui.form.verify({
  // 自定义规则名
  myRule: function(value, item){
    // 验证逻辑，value 为表单元素值，item 为当前表单元素
    if (value !== 'myValue') {
      return '错误提示信息';
    }
  }
});

然后在表单元素上设置 data-rule="myRule" 即可使用自定义规则进行验证。

在表单提交时，可以使用 layui.form.on('submit', function(data){}) 方法来监听表单提交事件，并在事件回调函数中对表单进行验证。如果验证通过，可以通过 data.field 获取表单数据进行提交。

例如：

layui.form.on('submit(submitBtn)', function(data){
  // 表单验证通过，可以进行提交
  console.log(data.field);
  // 进行表单提交
  return false; // 阻止表单跳转
});