分類
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. 本平臺織夢模板僅展示和個人非盈利用途,織夢系統商業用途請預先授權。