2012-01-08 122 views
-4

我有jQuery驗證插件的問題。帶驗證插件的jQuery

$(document).ready(function() { 
$('input:submit').button(); 

     $('form').validate({ 
     rules: { 
       name: 'required', 
      email: { 
       required: 'true', 
       email: 'true' 
      }, 
      subject: 'required', 
      message: 'required' 
     }, 
     messages: { 
      name: '<img src="images/icons/bullet_delete.png" />', 
      email: '<img src="images/icons/bullet_delete.png" />', 
      subject: '<img src="images/icons/bullet_delete.png" />', 
      message: '' 
     } 
    }); 
}); 

的名稱和主題錯誤所示,當提交按鈕被按下,但顯示在模糊的電子郵件錯誤,當emailfield失去焦點。我必須更改什麼,以便在按下提交按鈕後顯示所有錯誤?

+0

我認爲它兩者做了檢查的onblur並提交時,你只是沒有看到它增加,因爲它已經被添加一旦你已經投入了無效的電子郵件,這是你想要什麼,因爲他們應該立即通知,如果無效的東西。 – 2012-01-08 19:19:48

+1

還有一件事 - 你的接受率爲0% - 請標記你的問題的答案 – BartekR 2012-01-08 20:38:57

回答

1

從文檔:http://docs.jquery.com/Plugins/Validation/validate#options

此方法設置了事件處理程序提交,聚焦,KEYUP,模糊和 點擊觸發整個形式或單獨的元件的驗證。 每個人都可以被禁用,請參閱onxxx選項(onsubmit,onfocusout,onkeyup,onclick)。

嘗試:

$(document).ready(function() { 
    $('input:submit').button(); 

    $('form').validate({ 
     onsubmit : true, 
     onfocusout : false, 
     onkeyup : false, 
     onclick : false, 

     rules: { 
      name: 'required', 
      email: { 
       required: 'true', 
       email: 'true' 
      }, 
      subject: 'required', 
      message: 'required' 
     }, 
     messages: { 
      name: '<img src="images/icons/bullet_delete.png" />', 
      email: '<img src="images/icons/bullet_delete.png" />', 
      subject: '<img src="images/icons/bullet_delete.png" />', 
      message: '' 
     } 
    }); 
});