<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                # 校驗規則 [TOC] 校驗規則可以對表單中的編碼做出校驗,例如校驗復雜的編碼等。 ## 創建規則 ![](https://img.kancloud.cn/14/6c/146cb97d4ce33c8d5da9a969ea85aa5a_998x576.png) ### 局部規則 局部規則按照你輸入的位數有序的校驗。 可以添加多行局部規則,按照添加的順序逐行進行判斷 比如說第一行的位數是3,第二行的位數是2,第三行的位數是4,那么在實際校驗的時候,第一行校驗的是`1-3`位字符串,第二行從上一行結束的位置開始向后移2位,也就是`4-5`位,第三行以此類推,可得出是`6-9`位。 ![](https://img.kancloud.cn/bc/cb/bccb01ff2c0217fa79caa2bcc6b6ab8b_800x312.png) ### 全局規則 全局規則跟局部規則不同的地方是:全局規則是對用戶輸入的整個字符串進行判斷,而不是只判斷第幾位。 全局規則有運行的優先級,他們分別是: * `優先運行` 會在局部規則之前運行 * `最后運行` 會在局部規則全部校驗通過之后運行 ![](https://img.kancloud.cn/32/f6/32f6e726bc334264b02ea12306b8b17b_974x390.png) ## 使用方法 ### 第一步:引入工具類 ``` import { validateCheckRule } from '@/utils/util' ``` ### 第二步:使用工具類實現校驗規則 ![](https://img.kancloud.cn/7b/78/7b78668440d7a0434dec692ae056df04_1071x176.png) ``` validatorRules: { code: { rules: [ {required: true, message: '請輸入編碼'}, // 如果想要更簡潔,還可以縮寫下面的參數名,只寫首字母 {validator: (r, v, c) => validateCheckRule('common', v, c)} ] } }, ``` ### 第三步:在頁面上調用 ![](https://img.kancloud.cn/c7/2b/c72bde2be0efcfb948a3d3e6e2dbae6f_842x91.png) ### 第四步:查看效果 未通過效果: ![](https://img.kancloud.cn/20/02/2002c6de983cda648cd31b654b9e82e7_264x77.png) ![](https://img.kancloud.cn/de/04/de0446826d9a5fa6151f2433ec3a63c8_232x86.png) ![](https://img.kancloud.cn/b1/fc/b1fcabe66d3d2561d1a3613ccdbd0678_300x82.png) ![](https://img.kancloud.cn/67/8c/678cf3e93c8de5ee55a89ea748fdeadf_270x76.png) 通過效果: ![](https://img.kancloud.cn/2d/f5/2df59f461bbffd65fd6e226959f9b5e1_257x77.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看