萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

Vanadium:功能齊全的 jQuery 表單驗證插件中文整理版

原作者 @Vanadium,本文為中文整理版(英譯有誤請指正)。Vanadium 涵蓋幾乎所有常見驗證類型:文字、日期、郵箱、網址、數字、AJAX 用戶名檢查、自定義正則等,配置靈活、體積輕量。

五步快速上手

  1. 引入插件:<script src="vanadium.js"></script>
  2. 添加驗證掛鉤(class):
    <input id="checkempty" class=":required" />
    <input id="checkmaxmin" class=":required :min_length;4 :max_length;8" />
    多條件以空格分隔,類名即驗證規則。
  3. 自定義錯誤提示文字:在插件判斷邏輯中修改預設訊息(如「此項不可為空」)。
  4. 刪除未用規則:DEMO 列出所有判斷,實際專案中刪除冗餘代碼,保持精簡。
  5. 關鍵樣式參數:
    valid_class: 'rightformcss',     // 驗證通過樣式
    invalid_class: 'failformcss',   // 驗證失敗樣式
    message_value_class: 'msgvaluecss', // 提示中值的樣式
    advice_class: 'failmsg'         // 失敗提示文字樣式

支援驗證類型速查

類名說明
:required必填
:email郵箱格式
:url網址格式
:number純數字
:min_length;n / :max_length;n最小/最大長度
:ajax;urlAJAX 遠程驗證
:regex;pattern自定義正則

下載與 DEMO:點此下載 | 查看演示

copyright © 萬盛學電腦網 all rights reserved