JQuery表單驗證插件EasyValidator用法分析
本文實例講述了JQuery表單驗證插件EasyValidator用法。分享給大家供大家參考。具體如下:
本插件的宗旨是:用戶無需寫一行JS驗證代碼,只需在要驗證的表單中加入相應的驗證屬性即可,讓驗證功能易維護,可擴展,更容易上手。
DEMO中已經(jīng)包含了常用的正則表達式,可以直接復用,為了考慮擴展性,所以針對不同用戶特殊需求,自行寫正則吧。
EasyValidator實現(xiàn)的功能:
1.提示功能(在表單或者其他標簽中加入tip="想提示的文字")
如:
或者
2. 普通表單驗證(在表單中加入reg="正則表達式")
如:
普通表單驗證DEMO:http://easyvalidator.googlecode.com/svn/trunk/index.html
3. AJAX表單驗證(在表單中加入url="驗證系統(tǒng)地址")
如:
AJAX驗證DEMO:沒有在線演示,請在本地運行ajax_demo.html,請求遠程的PHP文件,當然可以為JSP或者ASP,我這里在程序里預設了一些已存在的數(shù)據(jù),用戶可以自行參考。
4. 普通表單驗證 + AJAX表單驗證 (普通驗證通過以后,再進行AJAX驗證)
如:
5. 擴展函數(shù)表單驗證(某些業(yè)務特殊需求):
這些特殊需求都是根據(jù)業(yè)務來的,這里列舉一下這樣的情況:
1.checkbox選擇框數(shù)量驗證,如限制別人至少選擇1個,最多選擇5個checkbox。
2.多個表單之間進行比較,如【開始時間表單】一定小于等于【結束時間表單】或者兩個密碼表單要相等,用于注冊的時候,等等。
由于這種情況的特殊性,所以用戶得自己寫業(yè)務邏輯代碼,官方已經(jīng)提供了extendsValidate擴展函數(shù),在里面寫自己的邏輯代碼即可。
擴展函數(shù)表單驗證DEMO:http://easyvalidator.googlecode.com/svn/trunk/extends_demo.html

BUG修復日志:
2010-9-24 : 修復同一頁多個FORM提交BUG ,TIP錯位BUG
2010-9-26 : 新增bgiframe插件, 修復IE6下TIP 遮罩不了 SELECT表單
2010-9-27 : 增加擴展API,并重構核心庫
2011-1-1 : 將表單驗證的TIP獨立出來,讓TIP,URL,REG成為單獨的組建而存在,更加靈活!
2011-1-28 : 修改了AJAX的TIP糾錯BUG,邏輯修改,并且將AJAX的請求的遠程程序validate_user.php的編碼設置GB2312。
官方下載地址:http://code.google.com/p/easyvalidator/downloads/list
或者點擊此處本站下載。http://www.dhdzp.com/jiaoben/32303.html
在線正則驗證器:http://regexpal.com/
希望本文所述對大家的web程序設計有所幫助。
相關文章
使用jQuery簡化Ajax開發(fā) Ajax開發(fā)入門
jQuery是一個可以簡化 JavaScript™以及AJAX(Asynchronous JavaScript + XML,異步Javascript和XML)編程的Javascript庫。不同于其他的Javascript庫,jQuery有他自己的哲學,使你可以 很簡單的編寫代碼。2009-10-10
jquery左右滾動焦點圖banner圖片鼠標經(jīng)過顯示上下頁按鈕
jquery左右滾動焦點圖banner圖片,鼠標經(jīng)過顯示上下頁,適合寬和高都比較大的頁面使用附演示,感興趣的朋友可以參考下2013-10-10
jQuery中serializeArray()與serialize()的區(qū)別實例分析
這篇文章主要介紹了jQuery中serializeArray()與serialize()的區(qū)別,結合實例形式分析了jQuery中serializeArray()與serialize()的具體功能、使用技巧與用法區(qū)別,需要的朋友可以參考下2015-12-12
jQuery使用jsonp實現(xiàn)百度搜索的示例代碼
這篇文章主要介紹了jQuery使用jsonp實現(xiàn)百度搜索,文中示例代碼非常詳細,幫助大家更好的理解和學習,感興趣的朋友可以了解下2020-07-07

