Prevent form from being submitted - jquery

Question

I want to check if there's at least one checkbox that checked in a form after the submit button is clicked, if no, the the user should get message and the form SHOULDN'T be submit, so I wrote this code:

 jQuery(document).ready(function ($) { $('#price_quote_create_invoice').click(function () { $('.price-quotes-table input[type="checkbox"]').each(function () { if ( $(this).is(':checked') ){ $('#post').submit(); return false; } else { alert("You didn't chose any checkbox!"); return false; } }) ; }); });

However, after I press ok on the alert box, the form does submit.

Any idea why this is happening?

Robiseb · Accepted Answer · 2016-09-18 18:55:52Z

1

Your code is almost right.

You return false on a click event but what you really want to do is to stop the submit event.

Change like this.

$('#yourFormId').submit(function(){ if (!$(this).find('input[type="checkbox"]:checked').length) { alert("You didn't chose any checkbox!"); return false; } });

edited Sep 18, 2016 at 18:55

answered Sep 18, 2016 at 18:44

Robiseb

1,6062 gold badges17 silver badges19 bronze badges

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

2 Comments

icecub Over a year ago

So. Submit form -> Prevent submitting (e.preventDefault();) -> Check if chekked or not and show alert. You do realise that the form will never be send now, right?

Robiseb Over a year ago

Yep you're right. I just coded those lines too quickly. My bad. Thanks

user1037355 · Accepted Answer · 2016-09-18 18:39:08Z

 alert('You didn't chose any checkbox!');

You have an additional comma in your alert..

Victor.Palyvoda · Accepted Answer · 2016-09-18 18:47:39Z

0

You can use event.preventDefault() to do this. event is the first argument of your click function. Reference

edited Sep 18, 2016 at 18:47

answered Sep 18, 2016 at 18:42

Victor.Palyvoda

5434 silver badges13 bronze badges

Collectives™ on Stack Overflow

Prevent form from being submitted - jquery

3 Answers 3

2 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Related