## 7.2.1.驗證規則 規則 | 描述 | 提示信息 :--- | :--- | :--- phoneX | 手機號 | 請輸入正確的手機號 emailX | 郵箱 | 郵箱格式不正確 urlX | 網址 | 鏈接格式不正確 numberX | 數字 | 只能填寫數字 dateX | 日期 | 日期格式不正確 identityX | 身份證 | 請輸入正確的身份證號 | | psw | 密碼 | 密碼必須5到12位，且不能出現空格 equalTo | 重復 | 兩次輸入不一致 digits | 整數 | 只能輸入整數 digitsP | 正整數 | 只能輸入正整數 digitsN | 負整數 | 只能輸入負整數 digitsPZ | 非負整數 | 只能輸入正整數和0 digitsNZ | 非正整數 | 只能輸入負整數和0 | | h5 | 兼容h5的規則 | 使用示例： ```html <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用法，可以用來驗證兩次輸入是否一致： ```html <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 | 最大輸入數值 ```html <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等的區別是如果沒有輸入不會驗證，輸入了才驗證格式。 <br/>