How to prevent form submission in javascript

Question

I have written code like this to prevent form submit. But it is not working. What is the possible reason

$('#signUpForm').submit(function (event) {
        debugger;
        console.log('test');
        event.preventDefault();
        $('#signUpForm').unbind().submit();
        //IsValid();
        return false;
    })

event.preventDefault(); is correct. Have you got a fiddle, or something showing exactly what is not working? — Alicia Sykes
– Alicia Sykes, Commented Apr 29, 2019 at 14:19
could you show your DOM code, you could be selecting the wrong Form element — iliasse
– iliasse, Commented Apr 29, 2019 at 14:20
@Alexander Lallier I'm sure you'd agree that technically it's both really... jQuery is a JavaScript library and can't exist independently — ADyson
– ADyson, Commented Apr 29, 2019 at 14:28
you cannot say that jQuery is JavaScript - getting way off-topic now, but you can, and I do. Every time you use jQuery, you're using javascript, not just in a narrow "technical" sense but in reality. The same with any JS library or framework. — Robin Zigmond
– Robin Zigmond, Commented Apr 29, 2019 at 15:22

saman samadi · Accepted Answer · 2019-04-30 08:53:25Z

1

Try this solution:

$(document).ready(function() {
  $("#signUpForm").on("submit",function(e){
      e.preventDefault(e);
      console.log("form submission canceled");
  });
});

edited Apr 30, 2019 at 8:53

answered Apr 30, 2019 at 7:59

saman samadi

5693 gold badges10 silver badges22 bronze badges

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

1 Comment

ADyson Over a year ago

this assumes there are no other forms on the page where this behaviour is not needed...we have no idea whether that's the case or not. If you're going to suggest a change like this, you should at least explain any possible unintended consequences, rather than just dumping the code. Also, there's already another answer suggesting the exact same thing...

iliasse · Accepted Answer · 2019-05-02 07:47:30Z

1

Supposing you have only 1 form in your html page

$(document).ready(function() {
  $("form").submit(function(e){
      e.preventDefault(e);
      console.log("form submission canceled");
  });
});

edited May 2, 2019 at 7:47

answered Apr 29, 2019 at 14:25

iliasse

2571 silver badge7 bronze badges

1 Comment

ADyson Over a year ago

this assumes there are no other forms on the page where this behaviour is not needed...we have no idea whether that's the case or not. If you're going to suggest a change like this, you should at least explain any possible unintended consequences, rather than just dumping the code.

sebbzzz · Accepted Answer · 2019-04-29 15:04:55Z

-1

According to the jQuery documentation your syntax seems to be wrong.

Also, .unbind() is deprecated. Prefer .off()

try

 $('#signUpForm').unbind('submit')

edited Apr 29, 2019 at 15:04

sebbzzz

4814 silver badges14 bronze badges

answered Apr 29, 2019 at 14:23

Florent Arlandis

9352 gold badges13 silver badges29 bronze badges

4 Comments

ADyson Over a year ago

You didn't explain what syntax exactly was wrong, and why. And then you state that unbind() is deprecated yet continue to provide a code example using it... Also we don't even know whether this is the problem OP is actually complaining about, since they haven't provided any proper details.

Florent Arlandis Over a year ago

@ADyson I clearly explain why his syntax is wrong with the code provided

ADyson Over a year ago

No you don't, you just state that it's wrong, without even explaining which bit is wrong, or why, or why your change is correct. You given an alternative, but you haven't explained anything

ADyson Over a year ago

I also don't understand why you give an example using a method you already mentioned is deprecated

Collectives™ on Stack Overflow

How to prevent form submission in javascript

3 Answers 3

1 Comment

1 Comment

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related