簡單來說，jQuery validation插件就是來校驗表單form里面元素輸入的內(nèi)容是否滿足業(yè)務規(guī)則，如果不滿足，可以給出用戶自定義的提示信息。該插件不僅默認有一些校驗規(guī)則，如校驗內(nèi)容是否為空，內(nèi)容的長度是否符合給定的值，還可以根據(jù)用戶自定義業(yè)務規(guī)則，而且錯誤提示信息，也可以根據(jù)用戶的要求自定義顯示。看來這個插件的功能確實很強大，是不是迫不及待想使用了。好的，那我們就開始簡介如何使用它。
jQuery validation 插件下載地址：http://plugins.jquery.com/project/validate
為了使用這個插件，我們要在form元素上使用方法validate({options});
讓我們先快速瀏覽下插件經(jīng)常要用到的options：
?rules:由key/value組成，key等于表單元素ID而value表示表單元素內(nèi)容需要滿足的業(yè)務規(guī)則。
?messages:由key/value組成，key等于表單元素ID而value表示表單元素內(nèi)容不滿足某種業(yè)務規(guī)則而需要顯示的內(nèi)容。
?errorLabelContainer:指定頁面已經(jīng)定義的一個容器元素，用來放錯誤信息。
?errorContainer:在errorLabelContainer內(nèi)表示一個主要的內(nèi)容區(qū)域。
?wrapper:表示在errorLabelContainer元素里面定義一個元素來包裝錯誤信息。
?onsubmit:在表單提交前做驗證，能設(shè)置為false通過添加其他事件來驗證。
?highlight:高亮顯示輸入無效的內(nèi)容區(qū)域。
?unhighlight:恢復原來被高亮顯示的區(qū)域。
--------------------------------------------------------------------------------
現(xiàn)在我們開始通過使用jQuery validation插件簡單實現(xiàn)用戶登錄頁面驗證功能：
1.引入插件：