how validate fields using jquery validation plugin

Question

i am newbie in jquery. i searched in google and i got Validation Plugin. but it's not working. i have attached jquery.validate.js in my header part.

my code looks like...

  <form action="" method="" id="contact">
            <div class="form-group"">
                <label> Your Name </label>
                <input type="text" class="form-control" placeholder="Enter Your Name" id="firstname" required="" minlength="5"/>
            </div>

            <div class="form-group">
                <label> Your E-mail </label>
                <input type="email" class="form-control" placeholder="Enter Your Email" id="email"/>
            </div>
  <button type="submit" class="btn btn-primary btn-lg"> Send</button>
 </form>

  <script type="text/javascript"> 
    $('#contact').validate({
     success: function(label){
    label.addClass("has-success").text("ok");
    }
  });
</script>

but it's not validating my field... Can anyone say how to use it? i know i am doing something wrong here but i am newbie so...

Where is the submit button?

grigno
– grigno

2013-10-23 10:22:43 +00:00
Commented Oct 23, 2013 at 10:22 — grigno
– grigno, Commented Oct 23, 2013 at 10:22
sorry i forgot to copy that

404 Not Found
– 404 Not Found

2013-10-23 10:25:39 +00:00
Commented Oct 23, 2013 at 10:25 — 404 Not Found
– 404 Not Found, Commented Oct 23, 2013 at 10:25

LHH · Accepted Answer · 2013-10-23 10:29:01Z

1

Did you include jquery-plugin validation.js file in your project directory?? If no then you need to include http://www.websitecodetutorials.com/code/jquery-plugins/validation.js

answered Oct 23, 2013 at 10:29

LHH

3,3231 gold badge24 silver badges29 bronze badges

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

3 Comments

404 Not Found Over a year ago

i have downloaded files from above given link. in that they have given jquery.validate.js that i included.

LHH Over a year ago

See the js fiddle link..jsfiddle.net/shaneblake/RQMaV might be this will help you

404 Not Found Over a year ago

i just put $('#contact').validate() in downside of form and it worked. Thanks a lot... one more question i am adding bootstrap 3.0 has-success class when it's success but it's not taking that class... pls check my edited code...

infidel · Accepted Answer · 2013-10-23 10:31:34Z

1

The submit button is essencial since it fires the validate function:

$("#myform").validate({
  submitHandler: function(form) { // this line is important
    form.submit(); // with this line the validate function gets fired
  }
 });

perhaps you should also try following:

– make sure your jquery library is correctly embedded in your document

– make sure your validation.js is in the correct folder

answered Oct 23, 2013 at 10:31

infidel

4425 silver badges5 bronze badges

1 Comment

404 Not Found Over a year ago

i just put $('#contact').validate() in downside of form and it worked. Thanks a lot... one more question i am adding bootstrap 3.0 has-success class when it's success but it's not taking that class... pls check my edited code...

grigno · Accepted Answer · 2013-10-23 10:39:33Z

1

Try using document ready instruction:

$(function(){
   $('#contact').validate();
});

it works: http://jsfiddle.net/RQMaV/15/

edited Oct 23, 2013 at 10:39

answered Oct 23, 2013 at 10:24

grigno

3,1985 gold badges37 silver badges47 bronze badges

1 Comment

404 Not Found Over a year ago

i just put $('#contact').validate() in downside of form and it worked. Thanks a lot... one more question i am adding bootstrap 3.0 has-success class when it's success but it's not taking that class... pls check my edited code...

Collectives™ on Stack Overflow

how validate fields using jquery validation plugin

3 Answers 3

3 Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related