Comment empêcher la soumission de formulaire et faire jquery ajax call à la place

Question

J'ai un événement à capturer lorsque la touche de retour est enfoncée dans un champ de saisie de formulaire, mais l'appel ajax n'est pas déclenché, au lieu de le soumettre comme une requête HTTP normale .

$("#addurl").keypress(function(e){ 
     switch(e.keyCode){ 
      case 13: 
       // add url ajax call 
       $("body").html(ajax_load) 
       .load(loadUrl,{url:$("#addurl").value},function(responseText){ 
        $("#videos").append(responseText); 
       } 
       return false; 
     } 
    }); 

...

<form><input id="addurl" name="addurl"/></form> 

Le cas 13 déclaration a été tiré correctement lorsque je l'ai testé avec alert (« salut ») alors pourquoi est l'appel ajax ne prend pas la place d'une épanouie normale Demande http?

Answer 1

$("#inputBoxId").keypress(function(e){    
     if(e.keyCode==13) 
     { 
      e.preventDefault(); /// add prevent default 
      //your code here 

     } 
    }); 

Answer 2

vous pouvez simplement utiliser

$(document).ready(function(){ 
//capture the form submission event 
$("#formID").submit(function(){ 
    //do something 
    return false; 
}); 

});