prevent form from submitting to a different page

Question

I have this code:

<form method="get" action="" id="search">
<input id="search_box" name="search" type="text" class='search_box'  onkeypress="if(event.keyCode==13) sentAjax('searchdata.php');var filelink='searchdata.php';"  value="" onclick="this.value=''" />
        <input type="hidden" name="course_val" id="course_val" />
</form>

I want to block the form from submitting to a different page.Now if you hit enter it submits to a different page

Answer 1

in pure javascript

<form method="get" action="" id="search" onsubmit="return false;">
...
</form>

Please note that will not let you submit the form so ideally you would invoke your submit handler function in which you would control when you want to submit

<form method="get" action="" id="search" onsubmit="return mySubmitHandler()">
...
</form>

and in your submit handler

        function mySubmitHandler(){
        if (submit_criteria_met) {
        return true;
        } else {
        return false;
        }
return false;

    }

Answer 2

This should do the trick:

$('form#search').on('submit', function(e) {
    e.preventDefault();
});

The important part being e.preventDefault() , which prevents the form submitting when it's submit event is triggered.

Answer 3

Remove the onkeypress attribute in the input field, it looks like it does some posting behind the curtains when pressing enter (keycode 13).

You might also want to prevent the form from submitting, although it seems to submit to the same page since the action attribute is empty.

If you are unable to edit the HTML, try something like:

$('#search').submit(function(e) {
  e.preventDefault();
}).find('input[onkeypress]').removeAttr('onkeypress');

Test: http://jsfiddle.net/DAvfm/

Answer 4

$('#search').bind('submit',function(e) {
    e.preventDefault();
});

Answer 5

阻止表单的默认操作。

$('#search').submit(function(event) { event.preventDefault(); });