jquery validate 前端驗證框架

前言：之前寫web項目還自己寫表單驗證，想想真是太天真了。jquery validate 前端驗證框架，真TM 有種相見恨晚的感覺，而且是，這種開源的東西，用了以後，之後的學習成本會慢慢降低。瞬間感覺找到了組織，有木有！作爲一名程序員，還是要關注開源，奉獻開源。

首先：官方現在版本是1.30.0 版本；官方地址爲：[url=http://jqueryvalidation.org/]http://jqueryvalidation.org/[/url] 國內環境，大家都懂，速度巨慢。
再給個地址：[url=http://www.w3cschool.cc/jquery/jquery-plugin-validate.html]http://www.w3cschool.cc/jquery/jquery-plugin-validate.html[/url]
但這個版本可能有點滯後，作爲參考吧。

下面就給個小例子：

<style>
<!--
/*jquery validate 前端驗證提示信息的字體顏色.*/
label.error{margin-left: 10px; color: red;}
-->
</style>


<form  method="post" id="pwdUpdate">
<input id="password" type="password" name="password" 
											data-rule-required="true" data-rule-minlength="6" >

<input type="password" name="password-cfm"  data-rule-required="true"
											data-rule-minlength="6" data-rule-equalTo="#password">

<button type="button" id="btnSave">保存</button>
</form>


<script src="/assets/js/jquery1.11.1-rc2.min.js"></script>
<!-- 引入 jquery validate 相關js -->
<script src="/assets/js/jquery.validate.min.js"></script>
<script src="/assets/js/messages_zh.min.js"></script>
<script type="text/javascript">
		$(function() {
			var form = $("#pwdUpdate");
			form.validate();//驗證指定的表單
			$("#btnSave").click(function() {
				if (form.valid()) {//如果表單驗證成功，則進行提交。
					//doSubmit();//提交表單.
				} else {
					// 					alert("失敗");
				}
			});
		});
</script>

文檔：[url=http://jqueryvalidation.org/documentation/]http://jqueryvalidation.org/documentation/[/url]


問題：
1、頁面有多個表單，讓其進入驗證狀態。

/* 將所有指定的表單處在驗證狀態。 */
			$.each($(".modal form"), function(i) {
				/* alert("表單序號：" + i); */
				$(this).validate();//驗證表單.
			});