Отправить форму с загруженной страницы

Question

Я хочу отправить форму, которая принадлежит загруженной странице (я использую load()). Когда я нажимаю на кнопку отправки, ничего не происходит.

Html код загруженной страницы:

<form id="my_form" method="post" > 
     *** some inputs *** 
     <input id="submit_button" type="submit" value="Confirm" /> 
    </form> 

JQuery код загруженной страницы:

$("#submit_button").on('click', function() {   

    $('#my_form').submit(function(){ 
     var myForm = $(this);  

     $.ajax({ 
      dataType: 'json',    
      type: "POST", 
      url: "../treatment_page.php", 
      data:myForm.serialize(), 
      success: function(data){ 
        if (data.a == true){ 
          parent.$.colorbox.close(); 
        }else{ 
         alert("Problem!"); 
        }   
      } 
     });     
    return false;  

    }); 

}); 

treatment_page.php это нормально, это относится к моим другим формам не usnig на() , treatment_page.php находится в родительской папке. Все действия jQuery отлично работают в загруженном скрипте страницы, кроме этого представления формы.

Answer 1

На кнопки отправки мыши вы просто подключая submit обработчик для образования. Вам не нужен обработчик щелчка кнопки отправки. Просто сохраните этот код на родительской странице, а также отрисуйте этот скрипт вместе с load. Ответ не требуется.

$(document).on('submit', '#my_form', function(){ 
     var myForm = $(this);  

     $.ajax({ 
      dataType: 'json',    
      type: "POST", 
      url: "../treatment_page.php", 
      data:myForm.serialize(), 
      success: function(data){ 
        if (data.a == true){ 
          parent.$.colorbox.close(); 
        }else{ 
         alert("Problem!"); 
        }   
      }, 
      error: function(){ 
       //Error handler 
      } 
     });     
    return false;  

}); 

on вводится в JQuery 1.7, если вы используете старую версию, то вы можете использовать delegate. Попробуй это.

$(document).delegate('#my_form', 'submit', function(){ 
     .... 
     .... 
}); 

Answer 2

Переместите обработчик onSubmit вне обработчика кликов.

$('#my_form').submit(function(){ 
    var myForm = $(this);  

    $.ajax({ 
     dataType: 'json',    
     type: "POST", 
     url: "../treatment_page.php", 
     data:myForm.serialize(), 
     success: function(data){ 
       if (data.a == true){ 
         parent.$.colorbox.close(); 
       }else{ 
        alert("Problem!"); 
       }   
     } 
    });     
return false;  

});