CODEWITHSUNDEEP
javascriptjqueryhtmlajaxforms
citronic
citronic

Reputation: 10168

How to prevent form submission and make jquery ajax call instead

I have an event to capture when the return key is pressed on a form input field, but the ajax call is not fired, instead the from is submitted as a normal http request.

$("#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>

The case 13 statement was fired correctly when I tested with alert("hi") so why is the ajax call not taking the place of a normal full-blown http request?

Upvotes: 1

Views: 2290

Answers (2)

Praveen Prasad
Praveen Prasad

Reputation: 32127

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

         }
    });

Upvotes: 1

melaos
melaos

Reputation: 8428

you can just use 

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

});

Upvotes: 4

Related Questions