jQuery 表單驗證的常見錯誤

這是我自己在放 validate 時沒效果，花了很多時間 debug 以後發現的幾種蠢原因...

1、$(" ").validate 必須放在 $(function(){ .... }); 內，例如：

$(function(){
　$(" ").validate( .... );
}

放在 $(function() { }); 之外的話會因為沒有被初始化，所以不會真的生效，按下 submit 按鈕就會變成沒有指定 method 和 target 的 submit 了。

2、頁面要引用 jquery.validate.js。有時候讀不到語言檔好像也可能是因為忘了引用函式庫的關係。

3、輸入的欄位們跟 submit 按鈕必須夾在 <form> .... </form> 之間。這其實我不是非常確定，但之前測試時 submit 放在 </form> 之後就沒辦法觸發 $("form").submit() 了，所以自然也不會跳進驗證。

4、變數名稱記得改.................因為驗證的程式碼常常是複製貼上的！XD

5、validate 套件看的是 name 屬性，所以需要被驗證的欄位一定都要有 name 屬性。

6、validate 觸發方法是表單被送出 (submit) 的時候觸發，所以如果 submit 按鈕是由 JavaScript 觸發，要記得加上 form 的 submit 事件 (例如 $("#form_name").submit(); )。

附帶基本使用教學：jQuery教學－jQuery.validate萬用表單驗證元件直接套用