jQuery Validation form is not Validating and submitting

Question

I've set all rules correctly, yet they seem to be ignored completely when I submit the Form.

Here is my code:

$(document).ready(function() {

  $('#formValidation').validate({
    rules: {
      name: {
        required: true,
        minlength: 2,
        lettersonly: true,
      },
      email: {
        required: true,
        minlength: 5,
        email: true,
      },
      feedback: {
        required: true,
        minWords: 5,
      },
    }
    messages: {
      name: {
        required: "Please enter your name",
      },
    },
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.js"></script>
<form id="formValidation" onload="validate()">
  <p>Name: <br/><input type="text" name="name" /> </p>
  <p>Email:<br/><input type="email" name="email" /></p>
  <p>Feedback:<br/><input type="text" name="feedback" id="textfield" />
    <input type="submit" id="submit" onsubmit="return formValidation()" /> </p>
</form>

There is no need for onsubmit event in the submit input element and for onload in the form element. — kidA
– kidA, Commented Apr 26, 2015 at 15:13
Also, might sound strange, but are you loading the jquery validate plugin? — Ziv Weissman
– Ziv Weissman, Commented Apr 26, 2015 at 15:14
I am loading the plugin. I followed LShetty's advice and got the same result. It seems to ignore everything and submit the form regardless — MrKal
– MrKal, Commented Apr 26, 2015 at 17:48

lshettyl · Accepted Answer · 2015-04-26 15:29:08Z

1

So, all you need is the following.

$(document).ready(function () {

    $('#formValidation').validate({ 
        rules: {
            name: {
                required: true,
                minlength: 2,
                lettersonly:true,
            },
            email: {
                required: true,
                minlength: 5,
                email:true,
            },
            feedback: {
                required: true,
                minWords: 5,
            }
        },
        messages: {
            name:{
                required:"Please enter your name",
            }
        }
    });  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.js"></script>
<form id="formValidation" method="post">
    <p>Name: <br/><input type="text" name="name" /> </p>
    <p>Email:<br/><input type="email" name="email" /></p>
    <p>Feedback:<br/><input type="text" name="feedback" id="textfield"/>
    <input type="submit" id="submit"/> </p>
</form>

Removed unnecessary/extra ,s from your script.
Remove inline event handlers

answered Apr 26, 2015 at 15:29

lshettyl

8,1815 gold badges27 silver badges31 bronze badges

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

2 Comments

MrKal Over a year ago

Hey LShetty, thanks for replying, I followed your feedback accordingly and the result is the same when I run it . However it works when I run the code snippet on Stackoverflow

Ryley Over a year ago

I would guess that either your links to the validate script are not working, or you've attached something else to the submit event of the form that is intercepting those events.

Collectives™ on Stack Overflow

jQuery Validation form is not Validating and submitting

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related