How to prevent form submission and make jquery ajax call instead

Question

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?

melaos · Accepted Answer · 2010-09-30 14:51:30Z

4

you can just use

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

});

answered Sep 30, 2010 at 14:51

melaos

8,4385 gold badges61 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

citronic Over a year ago

A better method but I accepted the other answer as it accomplishes explicitly what I asked, cheers

Praveen Prasad · Accepted Answer · 2010-09-30 15:06:56Z

1

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

         }
    });

edited Sep 30, 2010 at 15:06

answered Sep 30, 2010 at 14:51

Praveen Prasad

32.2k20 gold badges77 silver badges106 bronze badges

1 Comment

Stan Rogers Over a year ago

I think you'd want to move the preventDefault() into the case 13: block -- you know, so that the data the user enters actually gets entered.

Collectives™ on Stack Overflow

How to prevent form submission and make jquery ajax call instead

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related