Layui前台表单校验

Layui前台表单校验

1 声明Layui表单组件

layui.use(['form'], function(){
        var form = layui.form；
}

2 表单标签嵌入多条验证条件

<input type="text" lay-verify="required|phone|number">

Layui支持的验证规则

序号	条件	内容
1	require	必填项
2	phone	手机号码
3	email	邮箱
4	url	网址
5	number	数字
6	date	日期
7	identity	身份证

3 自定义表单校验

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位，且不能出现空格'
  ] 
});