Jqueryのvalidate/jqueryフォームは2回のクリックで提出する必要があります

Question

jqueryのvalidate（）とjqueryフォームのプラグインを組み合わせて、Ajaxを使用してフォームを送信します。送信ボタンが送信するために2回のクリックを必要とする以外はすべて動作します。どのように問題を解決するための任意の提案？

jquery形式のプラグイン（http://www.malsup.com/jquery/form/#ajaxSubmit）で推奨されているfalseを返すだけでなく、私はpreventDefault（）と$ .ajaxSetup（{async： false}）;

また、送信ボタンは画像です。

<input id="submit" type="image" src="filename.jpg"> 

ここでは、コードです：使用

$(document).ready(function(){ 
$("#form-id").validate({ 
    rules: { 
    email: { 
     required: true, 
     email: true 
     } 
    }, 
    messages: { 
    email: { 
     required: "Please enter a valid email address.", 
     email: "Use this format: user@example.com." 
    } 
    }, 
    submitHandler: function() { 
    $('#form-id').submit(function(){ 
    var options = { 
     success: showMessages 
    }; 
$(this).ajaxSubmit(options); 
    return false; 
    }); 

}//end submitHandler 
});//end validate 
});//end document.ready 

プラグイン：

http://docs.jquery.com/Plugins/Validation

http://www.malsup.com/jquery/form/#ajaxSubmit

Answer 1

あなたが形にsubmit()ハンドラを追加する必要はありませんが、 submitHandler、ajaxSubmitから送信されます。試してみてください：

submitHandler: function() { 
    var options = { 
     success: showMessages 
    }; 
    $('#form-id').ajaxSubmit(options); 
}