How to show pop up only if form is submitted and validated?

Question

I have written jQuery like below

          $("#form-search").submit(function(e){
                       e.preventDefault();
                           if (validateForm() === true) {   
                              $('#studentmodal').modal('show');
                              //alert('the form is valid');
                            }
                     return false;
           });

Now I want to display pop up only if form has been validated successfully. The above code is not working!!!

Please help !!!

what js error you getting ? – Naveen Giri Apr 21 '17 at 11:59 — Naveen Giri, Apr 21 '17 at 11:59

score 1 · Answer 1 · edited May 23 '17 at 12:02

1

your validateform() function is not defined means that function not exist. are you using library for validation if not then you will have to define validation function. follow these two links for validate function.

A simple jQuery form validation script

https://www.w3schools.com/js/js_validation.asp

edited May 23 '17 at 12:02

Community

1
1

answered Apr 21 '17 at 12:07

Naveen Giri

535
6
17

score 1 · Answer 2 · answered Apr 21 '17 at 12:09

1

You can call the valid() method of jquery validation. Like

$('#form').submit(function(evt) {

evt.preventDefault();

.....

if( $('#form').valid() ) {
   //submit the form via ajax
} else {
   //show errors
}

});

answered Apr 21 '17 at 12:09

Abhimanyu CHOUGULE

21
2

you need to use this script and use https:// – Abhimanyu CHOUGULE Apr 24 '17 at 06:32

How to show pop up only if form is submitted and validated?

2 Answers2