分類
verjs是一款原生js代碼編寫的表單驗證插件,提供了常用的10種表單驗證方式,包括身份證號碼驗證、手機電話號碼、電子郵箱驗證、必填字段驗證、正則自定義驗證、多次對比驗證、最大值/最小值驗證等表單驗證功能。
<script src="verJs/verJs.min.js"></script>
<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>
1. 本站所有素材(未指定商用),僅限學習交流。
2. 會員在本站下載的原創商用和VIP素材后,只擁有使用權,著作權歸原作者及17素材網所有。
3. 原創商用和VIP素材,未經合法授權,請勿用于商業用途,會員不得以任何形式發布、傳播、復制、轉售該素材,否則一律封號處理。
4. 本平臺織夢模板僅展示和個人非盈利用途,織夢系統商業用途請預先授權。