Form validation in javascript does not work probably

Question

I am working on this form which is suppose to validate the form before submitting

$(document).ready(function() {
    $("#form3").validate();
    if ($('#form3').valid()) $('#form3').submit();
});

But the problem is: it prints the (empty fields error) when the form is loaded.

UPDATE : the function is now working Horraaay :) with the following code:

      <script>
      $(document).ready(function(){
      $("#form3").validate();
     });
     </script>

The only problem was the input form name .. I used 'submit' as a name of the input form however before was on different name.

Paul Fleming · Accepted Answer · 2012-07-22 08:20:05Z

1

Put your code on the form submit event. Something like this:

$(document).ready(function()
{
    $("#form3").validate();
    $("#form3").submit(function(event)    
    {
        if (!$(this).valid()) 
        {
            event.preventDefault();
        }
    });
});

edited Jul 22, 2012 at 8:20

answered Jul 22, 2012 at 8:14

Paul Fleming

24.6k8 gold badges79 silver badges113 bronze badges

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

3 Comments

ThiefMaster Over a year ago

No need to use both preventDefault and return false.

Esailija Over a year ago

$(this).validate initializes the plugin, I think you want to do it earlier.

Ram Over a year ago

yes, return false = event.preventDefault + event.stopPropagation

Mahesh KP · Accepted Answer · 2012-07-25 05:36:43Z

0

I think by default after successful validation it will submit the form . However i don't know why you need to resubmit the form.

If you need to submit manually you can use the SubmitHandler place to submit your form.

$("#form3").validate({
   submitHandler: function(form) {       
     form.submit();
   }
});

answered Jul 25, 2012 at 5:36

Mahesh KP

6,47613 gold badges54 silver badges71 bronze badges

Comments

proR · Accepted Answer · 2012-07-30 07:54:48Z

0

I solved the problem and now it works ... It is a minor error !

I changed the submit button name and id to ( Submit).

answered Jul 30, 2012 at 7:54

proR

392 silver badges9 bronze badges

Collectives™ on Stack Overflow

Form validation in javascript does not work probably

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related