jQuery validation not working with that form

Question

I have been trying to validate a form with jquery validate plugin.As a newbie i am facing problem with that.Here is the code

$(document).ready(function() {
  $("#log-form").validate({
    errorElement: 'div',
    rules: {
      "username": {
        required: true,
        minlength: 5
      },
      "password": {
        required: true,
        minlength: 5
      }
    },
    messages: {
      username: {
        required: "Provide a username,sire",
        minlength: "Username with length 5 atleast,is required"
      },
      password: {
        required: "Provide a password,sire",
        minlength: "Minimum length of 5 is required for password,sire"
      }
    }
    submitHandler: function(form) {
      form.submit();
    }
  });
});

<form name="log-form" id="log-form" method="post" action="check_login.php">
  <label for="username">Username</label>
  <input type="text" class="" id="username" name="username">
  <br>
  <label for="password">Password</label>
  <input type="password" class="" id="password" name="password">
  <br>
  <button type="submit" name="sub-btn" class="sub-btn">Login</button>>
</form>

The validation is not working as i change field after typing in one neither on submiting the form.

There is a syntax error in your code, missing , after the messages property. Please check How can I debug my JavaScript code? — Ram
– Ram, Commented Oct 13, 2014 at 1:13
you need to add <script type="text/javascript"></script> in that javascript — Josua M C
– Josua M C, Commented Oct 13, 2014 at 1:25
@JosuaMarcelChrisano actually i was using script tag,but didn't added that here,thanks BTW — pramod
– pramod, Commented Oct 13, 2014 at 2:01

Community · Accepted Answer · 2017-05-23 12:11:42Z

1

As per @unidentified: There is a syntax error in your code, missing , after the messages property. Please check How can I debug my JavaScript code?

$(document).ready(function() {
  $("#log-form").validate({
    errorElement: 'div',
    rules: {
      "username": {
        required: true,
        minlength: 5
      },
      "password": {
        required: true,
        minlength: 5
      }
    },
    messages: {
      username: {
        required: "Provide a username,sire",
        minlength: "Username with length 5 atleast,is required"
      },
      password: {
        required: "Provide a password,sire",
        minlength: "Minimum length of 5 is required for password,sire"
      }
    },                // syntax error, comma was missing here
    submitHandler: function(form) {
      form.submit();
    }
  });
});

edited May 23, 2017 at 12:11

CommunityBot

11 silver badge

answered Oct 13, 2014 at 4:12

AmanVirdi

1,6852 gold badges23 silver badges33 bronze badges

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

Collectives™ on Stack Overflow

jQuery validation not working with that form

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related