検証プラグイン付きjQuery

Question

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: '' 
     } 
    }); 
}); 

送信ボタンを押したときに名前と件名のエラーが表示されますが、電子メールフィールドがフォーカスを失ったときに電子メールエラーがぼやけて表示されます。送信ボタンを押した後にすべてのエラーが表示されるように変更するにはどうすればよいですか？ドキュメントから

Answer 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: '' 
     } 
    }); 
});