JQuery function on form submit

Question

I have this JQuery function:

function CheckRequired() {
    alert("test");

    var ret = true;

    $(".required").each( function() {
        var check = $(this).val();

        if(check == '') {
            //alert($(this).attr("id"));
            event.preventDefault();
            ret = false;
        }
    });

    if(!ret) {
        alert("One or more fields cannot be blank");
        return false;
    }
}

which checks for all input fields with a class of required

i have many forms on on my site and i do not call this function on every form.

is there a way i can do this on every form submit without adding any extra code to each form?

AmmarCSE · Accepted Answer · 2015-05-18 17:09:49Z

2

Use event delegation with jQuery on()

$(document).on('submit', 'form', CheckRequired);

Also, if you wish to use CheckRequired instead of an anonymous function, be sure to modify its decleration to accept the event parameter

function CheckRequired(event) {...}

edited May 18, 2015 at 17:09

answered May 18, 2015 at 16:53

AmmarCSE

30.7k6 gold badges48 silver badges53 bronze badges

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

8 Comments

Barmar Over a year ago

That's just event binding, not delegation.

charlie Over a year ago

i just added this code and at the top of the CheckRequired function i added alert("test") - then when i submit a form its not showing

A. Wolff Over a year ago

Still need to pass event to support FF and btw, should check inside CheckRequired() only for inputs inside specific FORM

A. Wolff Over a year ago

@charlie So replicate your issue online (e.g on jsFiddle) so we can see what's going wrong

AmmarCSE Over a year ago

@A.Wolff, silly question, but how would we pass the event in this case? CheckRequired, event... ?

|

Collectives™ on Stack Overflow

JQuery function on form submit

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related