網(wǎng)站開發(fā)常用jquery插件總結(jié)(四)驗證插件validation

《網(wǎng)站開發(fā)常用jquery插件總結(jié)(四)驗證插件validation》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。

1、網(wǎng)站開發(fā)常用jquery插件總結(jié)(四)驗證插件validation總結(jié)(四)驗證插件validation網(wǎng)站開發(fā)常用jQuery插件總結(jié)(四）驗證插件validation(來自:.sMHaiDa.海達(dá):網(wǎng)站開發(fā)常用jquery插件總結(jié)(四)驗證插件validation)在網(wǎng)站開發(fā)過程中，有時我們需要驗證用戶輸入的信息是否符合我們的要求，所以我們會對用戶提交的數(shù)據(jù)進(jìn)行驗證。驗證分兩次進(jìn)行，一次是在客戶端，一次是在服務(wù)端?？蛻舳说尿炞C可以提升用戶的體驗。jquery驗證插件有很多，實現(xiàn)的功能也基本相同。本文介紹的

2、只是jquery驗證插件中的一種jquery.validate1.jquery.validate插件功能簡單實現(xiàn)客戶端信息驗證，過濾不符合要求的信息2.jquery.validate官方地址官方地址：和project/validate。在這里我們使用的版本是jquery-1.6.4.js和jquery.validate.js（1.9）1.1基本用法基本的使用十分簡單只需要調(diào)用這樣的話，就會在表單registForm提交時對其進(jìn)行驗證，驗證的規(guī)則采用的是默認(rèn)設(shè)置。可以包含兩個部分：?設(shè)置驗證的規(guī)則?設(shè)置驗證不通

3、過的提示例如我們介紹一個注冊實例，包含有三個屬性名為userName,passPasse：必填，長度是6-20個字節(jié)passPassail格式。假設(shè)我們已經(jīng)引入jquery和Validation的js類庫。增加規(guī)則：在這里設(shè)置規(guī)則采用的是鍵值對的形式，鍵為對應(yīng)dom。Validation插件本身封裝了一下規(guī)則的方法，通過“規(guī)則名：Boolean”的形式就可以引用，比如email:true就表明會引用email的規(guī)則進(jìn)行驗證。注意這部分代碼也需要添加到$().ready(function(){}中。下面就需要對

4、應(yīng)的提示消息：提示消息也會采用鍵值對的形式，鍵為對應(yīng)dom。要針對上面規(guī)則的提示編寫對應(yīng)的提示，如果有的規(guī)則沒有編寫提示將會采用默認(rèn)的提示。注意message應(yīng)在$(#registForm).validate({});內(nèi)部編寫，和rules相同時一部分。1.2自定義方法雖然說validation中內(nèi)置了一些規(guī)則，如果我們的需求復(fù)雜，我們怎么滿足呢？其實我們自定義規(guī)則。比如說，我們需要說用戶名只能是中文字、英文字母、數(shù)字和下劃線然后我們在對應(yīng)的rules里設(shè)置validateUserName：true就可以了。

5、1.3錯誤提示的位置默認(rèn)情況下，錯誤提示是有validation框架生成一個<lable>標(biāo)簽，這個標(biāo)簽?zāi)J(rèn)顯示在所校驗項的后部。如果想要改變錯誤提示的位置，可以在你要顯示提示的地方增加一個<div>。例如我們在頁面的底部增加了一個<divclass=”error”/>；我們只需設(shè)置validator的默認(rèn)行為即可：篇五：開源輕量級jqueryvalidation驗證插件對于表單驗證，大家都不陌生，市面上太多太多的校驗框架，其中不缺乏精品中的精品。小弟特此也開源發(fā)布一個小插

6、件。沒有其他目的，和大家一起分享下成果。首先先說下寫這個插件的原因。最近在和某公司一起合作一個項目，合作公司用的Din-max=3-5min-message=字符長度不得小于3個字符3.max-message=字符長度不得超過5個字符4.required-message=文本不能為空！>這是一個文本校驗是否為空，輸入長度在3-5個字符。check-type：校驗類型required-message：提示信息min-max;最小與最大字符長度現(xiàn)階段支持的check-type類型包括：required：不能

7、為空number：數(shù)字類型mail：郵件地址校驗char：必須為英文字符chinese:必須為中文字符mobile:手機(jī)號碼校驗passPd:日期格式idCard：身份證號二：前臺調(diào)用方式:為了達(dá)到輕量簡單方便前臺調(diào)用方式簡單Js代碼1.<script>2.3.$(function(){4.$('#form').myValidate(subBtn,function(){5.callbackFunction();6.});7.});8.//在這個函數(shù)中我們可以做我們想做的任何操作。包

8、括自定義封裝的ajax方式9.//完全拋棄其他校驗框架固定的ajax校驗的規(guī)則束縛10.functioncallbackFunction(){11.alert(回調(diào)函數(shù));12.}13.</script>下面是效果圖：效果圖2效果圖3