一、layui的校驗很簡單，主要有以下步驟：
1. 在form表單內加上class="layui-form"
2. 在提交按鈕上加上lay-submit
3. 在想要校驗的標籤，加上lay-verify=」」，在這個屬性裡，加上想要的值，就可以進行校驗了。
lay-verify：是表單驗證的關鍵字
有以下值供選擇：
required (必填項)
phone（手機號）
email（郵箱）
url（網址）
number（數字）
date（日期）
identity(身份證)
二、除了上面的值之外，還可以自定義校驗規則
<script> layui.use(['form', 'layer'],function () { $ = layui.jquery;var form = layui.form, layer = layui.layer;//自定義驗證規則 form.verify({nikename: function (value) {if (value.length < 5) {return'暱稱至少得5個字符啊'; } },len: function (value) {if (value.length < 5) {return'至少得5個字符啊'; } },pass: [/(.+){6,12}$/, '密碼必須6到12位'],repass: function (value) {if ($('#L_pass').val() != $('#L_repass').val()) {return'兩次密碼不一致'; } },otherReq: function (value, item) {var $ = layui.$;var verifyName = $(item).attr('name') , verifyType = $(item).attr('type') , formElem = $(item).parents('.layui-form')//獲取當前所在的form元素，如果存在的話 , verifyElem = formElem.find('input[name=' + verifyName + ']')//獲取需要校驗的元素 , isTrue = verifyElem.is(':checked')//是否命中校驗 , focusElem = verifyElem.next().find('i.layui-icon'); //焦點元素if (!isTrue || !value) {//定位焦點 focusElem.css(verifyType == 'radio' ? { "color": "#FF5722" } : { "border-color": "#FF5722" });//對非輸入框設置焦點 focusElem.first().attr("tabIndex", "1").css("outline", "0").blur(function () { focusElem.css(verifyType == 'radio' ? { "color": "" } : { "border-color": "" }); }).focus();return'必填項不能為空'; } } }); });</script>
三、如何做到多條件有層次的校驗？
把要校驗的規則，用|分割開，就可以依次校驗了。
如：lay-verify=「required|number」
先校驗是否為空，如果不為空，再校驗是否符合數字格式。