event.preventDefault() working in Chrome, not Firefox for a submit button

Question

I have the following submit button:

When I use the follo

Answer 1

You need make sure you add event to the parameter list of the event function. I think some browsers have a global event, that's why it works in some browsers.

$(document).ready(function(){
   $("#submit").submit(function(event){  // The event is passed to this function
      event.preventDefault();
      console.log('test');
   }
});

Answer 2

You did not add the event to the function parameters.
fixed version:

$(document).ready(function(){
        $("#submit").submit(function(event){
                event.preventDefault();
                console.log('test');
        }
});

Answer 3

Have you tried passing the event through as a variable?

$(document).ready(function(){
    $("#submit").submit(function(e){
            e.preventDefault();
            console.log('test');
    }
 });

Answer 4

Pass the event parameter in the function callback Try this

$(document).ready(function(){
        $("#submit").submit(function(event){
                event.preventDefault();
                console.log('test');
        }
});

Answer 5

Simply in the function onclick for the submit button write down like this

onclick="return myfunction();"

and inside the function statements

myfunction () {
return false;};