jquery validation working in ie8 but not ie9
I've used Jquery Validation in many projects without issue. For the first
time, I'm attempting to use Bootstrap along with the Jquery Validation
script and it works in every browser--except IE9! It works in IE8 for God
sake. I'm hoping it's something that I'm overlooking. Does anyone have any
idea why? This is my first post to the site, so I hope I have this setup
properly.
The majority of the code that is useful is below:
<form action="#" method="post" class="form-horizontal" role="form"
id="login_form" name="login_form">
<fieldset>
<div class="form-group">
<label for="email"
class="control-label">Email</label>
<div>
<input type="text" name="email"
id="email" class="form-control">
</div>
</div>
<div class="form-group">
<label for="password"
class="control-label">Password</label>
<div>
<input type="password"
name="password" id="password"
class="form-control">
</div>
</div>
<div class="form-group">
<input type="submit" class="btn
btn-primary btn-large"
value="Sign-in">
</div>
</fieldset>
</form>
<script
src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script
src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script
src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("#login_form").validate({
rules: {
email: {
required: true,
email: true
},
password: {
required: true,
minlength: 6
}
}
});
});
</script>
<script src="bootstrap/js/bootstrap.min.js"></script>
No comments:
Post a Comment