Layui 对表单的验证进行了非常巧妙的支持,大多数时候你只需要在表单元素上加上 lay-verify="" 属性值即可。如:

  

  还同时支持多条规则的验证,如下:

  

  上述对输入框定义了一个邮箱规则的校验,它会在 form 模块内部完成。目前我们内置的校验支持见上文的:预设元素属性

  除了内置的校验规则外,你还可以自定义验证规则,通常对于比较复杂的校验,这是非常有必要的。

  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 '用户名不能全为数字';
  }
  }
  //我们既支持上述函数式的方式,也支持下述数组的形式
  //数组的两个值分别代表:[正则匹配、匹配不符时的提示文字]
  ,pass: [
  /^[\S]{6,12}$/
  ,'密码必须6到12位,且不能出现空格'
  ]
  });

  当你自定义了类似上面的验证规则后,你只需要把 key 赋值给输入框的 lay-verify 属性即可: