Layui 自定義表單驗證

胡田新發表於2020-12-07

--------------表單自帶校驗--------------

lay‐verify:是表單驗證的關鍵字

required (必填項)

phone(手機號)

email(郵箱)

url(網址)

number(數字)

date(日期)

identity(身份證)

input表單新增 lay‐verify="required|email"



<script>

    //自定義值

    //同時支援多條規則的驗證:

    //格式:lay‐verify="驗證A|驗證B"

    //如:lay‐verify="required|phone|number"

    layui.use([ 'form' ], function() {

    var form = layui.form;      

    /* 自定義表單驗證 */

    form.verify({

            checkUser_name : function(value, item) { // value:表單的值、item:表單的DOM物件           

            if (!new RegExp("^[a‐zA‐Z0‐9_\u4e00‐\u9fa5\\s?]+$").test(value)) {

            return '使用者名稱不能有特殊字元';

            }


            if (/(^\_)|(\__)|(\_+$)/.test(value)) {

            return '使用者名稱首尾不能出現下劃線\'_\'';

            }

            if (/^\d+\d+\d$/.test(value)) {

            return '使用者名稱不能全為數字';

            }

            if (value.length < 3 || value.length > 12) {

            return '使用者名稱必須3到12位';

            }

            },

            checkUser_pwd : [ /^[\S]{6,12}$/, '密碼必須6到12位,且不能出現空格' ],

            CarNo: function (value, item) { // value:表單的值、item:表單的DOM物件    

                var express = /^[京津滬渝冀豫雲遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陝吉閩貴粵青藏川寧瓊使領A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9掛學警港澳]{1}$/;

                if (!new RegExp(express).test(value)) {

                    return '請輸入正確的車牌號碼';

                }

            }

        });

    });

</script>


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31486267/viewspace-2740001/,如需轉載,請註明出處,否則將追究法律責任。

相關文章