CODEWITHSUNDEEP
phpjqueryajaxforms
Coder Me
Coder Me

Reputation: 45

why jquery form not submitting on first click

I have one popup modal which submit to an ajax page after validation. Validation and submission are working perfectly. But the only issue, on first click it is not submitting the form or validation.On the second click it is working perfect.

Code:

<script>
      $(function () {

        $('form').on('submit', function (e) {

          e.preventDefault();

          $('#gen-bar-form').validate({
                ignore: [],
                rules: { 
                        firstName: {
                            required: true
                        },
                        editor: {

                            required: true
                        }
                },

          submitHandler: function(form) {

             $("#loader-bg").css("visibility", "visible");

          $.ajax({
            type: 'post',
            url: 'action/file.php',
            data: $('form').serialize(),
            success: function (data) {
            var GenTokRet = JSON.parse(data);
            $("#gen-msg").html("<p>"+GenTokRet+"<p>");
            $("#loader-bg").css("visibility", "hidden");  

            }
          });

          }

          }); 

        });

      });
    </script>

Upvotes: 0

Views: 250

Answers (1)

Tj Thouhid
Tj Thouhid

Reputation: 26

You did wrong, because, you are using prevent default function for stopping the form , though jQuery validate will auto stop submitting form till it is valid. so just type validate function on submit function not needed

Upvotes: 1

Related Questions