QQ客服
當前位置 : 中国福彩快乐十分开奖分布图 > 代碼 > 網頁特效 > 表單代碼 > verJs實用的表單驗證插件

襄阳福彩店分布图: verJs實用的表單驗證插件

jQuery基于verJs表單驗證提示插件制作密碼、最小/大值、最小/大長度、手機、郵箱、身份證、氣泡+正則等按鈕提交表單驗證代碼。
分享到微信朋友圈
X

使用方法:


verjs是一款原生js代碼編寫的表單驗證插件,提供了常用的10種表單驗證方式,包括身份證號碼驗證、手機電話號碼、電子郵箱驗證、必填字段驗證、正則自定義驗證、多次對比驗證、最大值/最小值驗證等表單驗證功能。

1、head引入js文件

<script src="verJs/verJs.min.js"></script>

2、body引入HTML代碼

<form action="#" id="form" data-form="ajax">
    <fieldset>
        <div>form表單驗證</div>
        <dl>
            <dt>密碼</dt>
            <dd>
                <input type="text" data-required="參數不能為空" id="eq">
            </dd>
        </dl>
        <dl>
            <dt>確認密碼</dt>
            <dd>
                <input type="text" data-equal="#eq" data-required="參數不能為空">
            </dd>
        </dl>
        <dl>
            <dt>最小/大值</dt>
            <dd>
                <input type="number" data-min="7" data-max="15">
            </dd>
        </dl>
        <dl>
            <dt>最小/大長度</dt>
            <dd>
                <input type="text" data-minlength="5" data-maxlength="15">
            </dd>
        </dl>
        <dl>
            <dt>手機</dt>
            <dd>
                <input type="text" data-mobile="true">
            </dd>
        </dl>
        <dl>
            <dt>郵箱</dt>
            <dd>
                <input type="text" data-email="true">
            </dd>
        </dl>
        <dl>
            <dt>身份證</dt>
            <dd>
                <input type="text" data-idcard="true">
            </dd>
        </dl>
        <dl>
            <dt>氣泡+正則</dt>
            <dd>
                <input type="text" data-rule="^[A-Za-z]\w{5,11}$" data-rule-message="請輸入6~12字符,以字母開頭" data-required="請輸入6~12字符,以字母開頭" data-block="true">
            </dd>
        </dl>

        <button type="submit">提交</button>
    </fieldset>
</form>

<script>
    new VerJs({
        form:"#form",
        success:function (d) {
            alert(1)
        },
        fail:function (d) {
            alert(2)
        }
    });
</script>


[聲明]本站素材來自用戶分享,僅限學習交流請勿用于商業用途。如損害你的權益請聯系客服QQ:2447402004給予處理。
舉報×
舉報原因:

相關代碼

二維碼
意見反饋
×
×

注冊

QQ注冊 立即下載 中国福彩快乐十分开奖分布图

簽到成功!

已連續簽到1天,簽到3天將獲得積分VIP1天

知道了