簡單易用的表單驗證插件Validform - 一行代碼搞定整站的表單驗證!

官方網址:validform.rjboy.cnjavascript

Validform:一行代碼搞定整站的表單驗證!php

1
$(".demoform").Validform();

爲何能如此方便?插件的核心思想就是把全部的驗證條件及驗證提示信息綁定到每一個表單元素,讓驗證代碼在執行時只是覈對表單下各元素的值是否跟綁定的驗證條件相符,這樣你能夠隨便添加或者去掉任一表單元素而沒必要修改驗證代碼,從而使僅用一行代碼去完成整站的表單驗證的夢想成爲現實!java

功能簡介:
  • 囊括11種常見的格式驗證形式,若是這些類型還不夠,能夠方便的傳入自定義datype【能夠是正則或函數】,實現幾乎任何您須要的驗證形式。
  • 任何你想要的信息提示效果。tiptype能夠傳入一、2或函數,傳入函數幾乎能夠實現任何你想要的提示效果,如元素右側出現提示信息、彈出信息框等。另外還附加了$.Showmsg()、$.Hidemsg()全局彈出/關閉信息框方法以便整站有一個統一的信息提示效果【只要引入了該js文件就能調用這兩個全局方法】;
  • 當前版本外調插件能夠實現文件上傳檢測、密碼強度檢測和日期控件效果;
  • 支持ajax提交表單數據,也支持ajax實時反饋驗證結果(如常見的用戶註冊表單下的用戶名檢測);
  • 支持開啓網速慢時的二次提交防護(有時連續的點擊提交表單按鈕會產生屢次的表單提交結果);
  • 指定表單下任一元素在單擊時觸發表單提交事件;
  • 支持一個頁面多表單的檢測。例如你給頁面上的各form綁定一樣的class名稱"demoform",只需在頁面上寫上一句 $(".demoform").Validform(),各表單便會獨立檢測。

[2012-03-14] Validform v4.0 更新修復如下功能:
  • valid.php不當心輸出空格時報錯的問題;
  • 用戶名沒實時驗證而提交表單,驗證經過後不能自動提交的問題;
  • 兩次輸入檢測的提示文字聯動問題,如重複密碼的檢測提示信息問題;
  • 多選框其餘選項選擇以後提示信息不能及時更新的問題;
  • callback回調在表單以非ajax提交時,傳入的data參數改爲了當前表單的jquery對象;
  • 提供了重置提示信息文字的接口。

[2012-03-04]Validform v4.0 更新修復如下功能:
  • datatype爲radio、checkbox時 name名不能包含'[]'的問題;
  • 默認已支持datatype爲n時的任意長度指定,如n8-16;
  • 二選一的驗證,datatype的名稱須要以"option_"開頭。

[2012-01-08]Validform v4.0 更新加強如下功能:
  • 增長了usePlugin參數,實現調用外部插件;
  • 增長showAllError參數,傳入該參數能夠在提交表單時顯示全部錯誤提示;
  • postonce=true時,只有當成功提交後纔不能再次提交表單,在提交出錯時還能夠繼續提交表單;
  • 修正了實時驗證的表單元素會重複觸發驗證請求的bug;
  • 修正$.Showmsg調用報錯的bug;
  • 點擊重置按鈕時能夠重置表單的錯誤提示。

[2011-08-07]Validform v3.0 更新加強如下功能:
  • 實時驗證在後臺文件中還能夠接收到name參數,改參數值爲當前表單元素的name屬性值。能夠經過該值來判斷是哪一個文本框請求處理,這樣當有多個實時驗證請求時能夠指定同一個文件處理;
  • callback加強。若是不是ajax方式提交表單傳入callback回調,那麼表單在所有驗證經過後將不會提交,而是執行該回調函數;
  • 自定義datatype(能夠傳入函數或正則),能夠增長任何你想要的自定義datatype類型,有兩種擴展方式,具體請參考demo頁;
  • 形如 *6-16 的自定義範圍,如內置datatype類型中有 "*6-16" 表示6-16位任意字符,你能夠任意更改數字的範圍,如這時你指定datatype爲"*2-12"將表示2-12位任意字符。這個對自定義的datatype也一樣有效,如你擴展了"z2-4"表示2-4位的中文字符,那麼你能夠用"z2-6"來表示2-6位中文字符;
  • tiptype加強,3.0版開始幾乎能夠實現你想要的任何信息提示效果,具體使用方法請參考demo頁。
相關文章
相關標籤/搜索