# 驗證規則 ## 7.2.1.驗證規則 | 規則 | 描述 | 提示信息 | | --- | --- | --- | | phoneX | 手機號 | 請輸入正確的手機號 | | emailX | 郵箱 | 郵箱格式不正確 | | urlX | 網址 | 鏈接格式不正確 | | numberX | 數字 | 只能填寫數字 | | dateX | 日期 | 日期格式不正確 | | identityX | 身份證 | 請輸入正確的身份證號 | | psw | 密碼 | 密碼必須5到12位，且不能出現空格 | | equalTo | 重復 | 兩次輸入不一致 | | digits | 整數 | 只能輸入整數 | | digitsP | 正整數 | 只能輸入正整數 | | digitsN | 負整數 | 只能輸入負整數 | | digitsPZ | 非負整數 | 只能輸入正整數和0 | | digitsNZ | 非正整數 | 只能輸入負整數和0 | | h5 | 兼容h5的規則 | | 使用示例： ~~~ <form class="layui-form"> <input class="layui-input" placeholder="請輸入手機號" lay-verType="tips" lay-verify="phoneX"/> <input class="layui-input" placeholder="請輸入手機號" lay-verType="tips" lay-verify="required|phoneX"/> <input class="layui-input" placeholder="請輸入整數" lay-verType="tips" lay-verify="digits"/> <input class="layui-input" placeholder="請輸入正整數" lay-verType="tips" lay-verify="digitsP"/> </form> <script> layui.use(['formX'],function(){ var formX = layui.formX; // 要引入formX模塊才會生效 }); </script> ~~~ equalTo用法，可以用來驗證兩次輸入是否一致： ~~~ <form class="layui-form"> <input id="demoPsw" class="layui-input" placeholder="請輸入密碼" lay-verType="tips" lay-verify="required|psw"/> <input class="layui-input" placeholder="請再次輸入密碼" lay-verType="tips" lay-verify="equalTo" lay-equalTo="#demoPsw" lay-equalToText="兩次輸入密碼不一致"/> </form> ~~~ | 屬性 | 描述 | | --- | --- | | lay-equalTo | 關聯輸入框的dom選擇器 | | lay-equalToText | 自定義提示文本 | h5用法： | 屬性 | 描述 | | --- | --- | | minlength | 最少輸入字符長度 | | maxlength | 最多輸入字符長度 | | min | 最小輸入數值 | | max | 最大輸入數值 | ~~~ <form class="layui-form"> <input class="layui-input" placeholder="最少輸入5個字符" minlength="5" lay-verType="tips" lay-verify="required|h5"/> <input class="layui-input" placeholder="最多輸入10個字符" maxlength="10" lay-verType="tips" lay-verify="h5"/> <input class="layui-input" type="number" placeholder="值只能在-9到9之間" min="-9" max="9" lay-verType="tips" lay-verify="required|numberX|h5"/> </form> ~~~ > phoneX、emailX等與layui自帶phone、email等的區別是如果沒有輸入不會驗證，輸入了才驗證格式。