标签云

微信群

扫码加入我们

WeChat QR Code

Before using bootstrap, my jQuery form validation worked. Now it's not working.Help with this problem much appreciated. Thanks! Here's some of my code...My form and script call:<div class="form1"><!-- registration form, which is validated by script bellow --><form class="form-horizontal" role="form" id='registerform'><div class="form-group"><label class="control-label col-sm-2" for="email">Email:</label><div class="col-sm-10"><input type="email" class="form-control" id="email"placeholder="Enter email"></div></div><div class="form-group"><label class="control-label col-sm-2" for="pwd">Password:</label><div class="col-sm-10"><input type="password" class="form-control" id="pwd"placeholder="Enter password"></div></div><div class="form-group"><label class="control-label col-sm-2" for="pwd">ConfirmPassword:</label><div class="col-sm-10"><input type="password" class="form-control" id="pwdcnf"placeholder="Enter password"></div></div><div class="form-group"><div class="col-sm-offset-2 col-sm-10"><button type="submit" class="btn btn-default">Submit</button></div></div></form><!-- form validation script --><script type="text/javascript" src="js/formValidation.js"></script>My jQuery:$('#registerform').validate({rules:{errorClass: "error",'email':{required: true,email: true},'pwd':{required: true,minlength: 5},'pwdcnf':{required: true,minlength: 5,equalTo: "#password"}},messages:{'pwd':{required:"This field is required",minlength:"Your password must be at least 5 character long"},'pwdcnf':{required:"This field is required",minlength:"Your password must be at least 5 character long",equalTo:"Your password does not match"}}});on top: <meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><!-- import of bootstrap css and js code --><link rel="stylesheet" type="text/css" href="css/background.css"> <!-- my css --><link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"><!--these two scripts allow the use of the jQuery form validation plug in.--><!--the form validation script is lower down bellow the registration form --><script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script><script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.4.min.js"></script><script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script></head>I'm guessing that the bootstrap javascript file is conflicting some how with jQuery and my validation?


"Not working" means exactly what?

2019年04月20日55分23秒

You've incorrectly put errorClass inside of the rules object.The errorClass option is a sibling of rules, not a child.

2019年04月19日55分23秒

Even after you fixed the misplaced errorClass option?

2019年04月20日55分23秒

That tells me you've simply broken the plugin... if you can submit without errors, then validation plugin is not working at all.You are getting an email error thanks to HTML5 validation already built into the browser because the email field is type="email".Put debug: true as another .validate() option and look at your console.

2019年04月20日55分23秒

"has no name assigned" ~ That error is telling you exactly what I posted in my answer below.

2019年04月20日55分23秒

Oh, wow! Thanks a lot, Sparky! I did not see this comment of yours. This finally works! That took longer than I expected. At least now I know. Thumbs up for you!

2019年04月19日55分23秒