Using JQuery - preventing form from submitting

Question

How do I prevent a form from submitting using jquery?

I tried everything - see 3 different options I tried below, but it all won\'t work:

    $(docu         


        

Answer 1

Using jQuery, you can do the following:

1- Use the native form submit event with a Submit button, while preventing the event from firing, then

2- Check the form Valid property This can be implemented as following:

1- HTML:

2- Javascript

 $("form").on("submit", function (e) {
        e.preventDefault();
        if ($(this).valid()) {  
           alert('Success!');
        }
    });