forme encore les messages de retour avec retour faux JS

Question

il semble que les messages #frmToDo encore dos

<form id="frmToDo" name="frmToDo"> 
    ... 
    <a id="btnSubmit" href="javascript:document.frmToDo.submit();">Add</a> 

google.load("jquery", 1); 
google.load("jqueryui", 1); 

google.setOnLoadCallback(function() { 
    ... 

    $("#frmToDo").submit(function() { 
     return false; 
... 

pourquoi cela se produira? pourrait-il être à cause de href="javascript:document.frmToDo.submit(). comment puis-je soumettre le formulaire avec ce lien (je n'ai pas utilisé <input type="submit" /> en raison de problèmes de style, il semble que les boutons sont plus difficiles à styler, esp dans les différents navigateurs) la façon AJAX?

Answer 1

vous dites que vous n'avez pas utilisé <input type="submit" /> en raison du style alors pourquoi ne pas utiliser,

<a id="btnSubmit" href="#" onclick="return false">Add</a> 

google.setOnLoadCallback(function() { 

    //...OTHER LOGIC 

     $('#btnSubmit').click(function(){ 
      var form = $(this).parent().find('form'); 
      var formdata = $(form).serialize(); 
      $.ajax({ 
      url : 'ajax/receiver.php', 
      data : formdata, 
      success : function(responce) 
      { 
       alert(responce); // do what you want here 
      } 
      }) 
     }); 
    //...OTHER LOGIC 
}); 

Answer 2

$('#btnSubmit').click(function(){ 
    $("#frmToDo").submit(); 
}) 

utiliser comme votre gestionnaire de clic sur <a>

Answer 3

si vous voulez faire le chemin ajax , une soumission est inutile. En fait, un élément "forme" est inutile. Utilisez simplement l'appel ajax.

http://api.jquery.com/jQuery.ajax/

Answer 4

Comme mentionné ci-dessus, vous pouvez simplement joindre à l'événement directement via la méthode de clic. Cependant, si vous voulez utiliser votre méthode, vous devriez aussi pouvoir le faire. Je pense que parce que vous vous attachez à l'événement via l'API DOM au lieu d'utiliser une fonction inline, vous devez annuler explicitement l'événement plutôt que renvoyer false, au moins pour les soumissions de formulaire. Je crois que cela devrait marcher pour vous.

$('#frmToDo').submit(function(e){ 
    e.preventDefault(); 
});