Jquery unobstrusive validation not working with submit event on jquery

Question

I'm working in a project in MVC, but I've been having trouble with the jquery validation. I have this event handler for the submit on jquery because I plan to use ajax on it.

 $("#form-cart").on("submit",function(e){

                     // codes
                    });

But here's the case, even when the input is invalid, it still goes inside the anonymous function. The form is located inside a modal. But I saw some piece of code somewhere and tried it which is this.

 $("#MyModal").on("submit","#form-cart",function (e){
            //codes
});

Amazingly it works, and it doesn't go inside the anonymous function when the input is invalid. But yeah, here's the problem. From my understanding the, if the second one worked, the first one should also have worked, but it didn't. Can someone tell me the reason why? It really bottles me.. Thanks.

Your form is dynamically created so u need to use 2nd option to make it work. Check this out http://stackoverflow.com/questions/15090942/jquery-event-handler-not-working-on-dynamic-content — Nitin Varpe, Dec 29 '15 at 07:24
So as long as it is dynamically created, and even if the event binder is at the bottom part where the form is already created, the first option will not work? — Rudy, Dec 29 '15 at 07:35
If the form is created after loading document in DOM the first option wont work, so I feel you are right! — Nitin Varpe, Dec 29 '15 at 07:38
the first option works, only the validation doesn't work. that's my biggest concern.. — Rudy, Dec 29 '15 at 07:50
Are your input controls inside form being loaded dynamically? — Nitin Varpe, Dec 29 '15 at 07:52
Showing the markup and possibly how it is generated on questions of this nature is always a good idea otherwise we simply guess. — Mark Schultheiss, Jan 02 '16 at 18:01

score 0 · Answer 1 · answered Jan 02 '16 at 17:41

0

I suggest you to use body click event :

Here is example :

$("body").on("submit","#form-cart",function (e){
            //codes
});

answered Jan 02 '16 at 17:41

Bhavin Solanki

4,740
3
26
46

Jquery unobstrusive validation not working with submit event on jquery

1 Answers1