一、layui的校驗很簡單，主要有以下步驟：

1. 在form表單內加上class="layui-form"

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”

先校驗是否為空，如果不為空，再校驗是否符合數字格式。