jquery - liveでフォーム送信する際のjQueryフォームプラグインの使い方

Question

プラグイン: http://www.malsup.com/jquery/form/#ajaxSubmit

コード：

$( 'form#form' ).live('submit', function( event ){
     if( this.arquivo )
     {
          var options = { 
               success:    showResponse
          }; 

          // pass options to ajaxForm 
          $( '#form' ).ajaxForm( options );         
          $( '#form' ).ajaxSubmit();

          return false;
     }
});


function showResponse(responseText, statusText, xhr, $form)  {
     alert( responseText );
}

フォームを送信することにより、関数 showResponse は呼び出されません。

Answer 1

使用してみてください:

function showResponse(responseText, statusText, xhr, $form)  {
    alert( responseText );
}
var options = {
    success: showResponse
};
//   you dont need to say form#form although i would suggest changing ID name
    // if you're using newer jquery, .live is deprecated to .on and .off
$("#form").on("submit", function(e) {
    $(this).ajaxSubmit(options);
    return false; 
});

ただし、フォームが動的に作成されない場合は、次を使用することをお勧めします。

$("#form").ajaxForm(options);