Layui表单的验证

1.资源引入

1.layui/css/layui.css
2.layui/layui.js

<link rel="stylesheet" href="../layui/css/layui.css">
<script type="text/javascript" src="../layui/layui.js"></script>

2.表单验证

2.1关键字验证

大多数时候只需要在表单元素上加上 lay-verify="" 属性值即可：
单条件规则如下：

<input type="text" lay-verify="email"> 

还同时支持多条规则的验证，如下：

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

常用的关键子验证：

2.2自定义验证

另外，除了我们内置的校验规则，你还可以给他设定任意的值，比如lay-verify=“pass”，那么你就需要借助form.verify()方法对pass进行一个校验规则的定义：

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 '用户名不能全为数字';
		}
		var datas={gzmc: value.trim(),id:id};
		var message = '';
			$.ajax({
				  type:"POST",
				  url:"${pageContext.request.contextPath}/restrictionRuleConfigInfo/findGzmc",
				  async: false,
				  contentType:'application/json;charset=UTF-8',
				  data:JSON.stringify(datas),
				  dataType:'json',
				  success:function(data){
					  if(data){
					  }else{
					   message ="限行规则名称已存在，请重新输入！"
					  }
				  }
			});
			if (message !== '') 
			      return message;
	}
	//我们既支持上述函数式的方式，也支持下述数组的形式
	//数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
	,pass: [/^[\S]{6,12}$/,'密码必须6到12位，且不能出现空格'] 
});