Javascript 验证插件文件不工作
我正在使用jquery验证插件进行表单验证。一切似乎都很好,但不起作用。没有消息出现。或者可能是因为我包含的文件。 包括的文件Javascript 验证插件文件不工作,javascript,jquery,jquery-validate,Javascript,Jquery,Jquery Validate,我正在使用jquery验证插件进行表单验证。一切似乎都很好,但不起作用。没有消息出现。或者可能是因为我包含的文件。 包括的文件 <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.mi
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery.Validate/1.6/jQuery.Validate.min.js"></script>
这里是jquery
<script type="text/javascript">
$(function($){
$("#joinform").validate({
rules: {
firstname: {
required: true,
maxlength: 30
},
lastname: {
required: true,
maxlength: 30
},
email: {
required: true,
email: true
},
password: {
required: true,
minlength: 6
},
repassword: {
required: true,
equalTo: "#password"
}
},
messages: {
firstname: {
required: "Please enter your firstname",
maxlength: "Firstname is too large"
},
lastname: {
required: "Please enter your lastname",
maxlength: "Lastname is too large"
},
email: {
required: "Please enter email address",
email: "Please enter the valid email"
},
password: {
required: "Please provide a password",
minlength: "Your password must be at least 6 characters long"
},
repassword: {
required: "Please confirm your password",
equalTo:"Passwords should be same"
}
}
});
});
</script>
$(函数($){
$(“#joinform”)。验证({
规则:{
名字:{
要求:正确,
最大长度:30
},
姓氏:{
要求:正确,
最大长度:30
},
电邮:{
要求:正确,
电子邮件:真的
},
密码:{
要求:正确,
最小长度:6
},
重新密码:{
要求:正确,
equalTo:“#密码”
}
},
信息:{
名字:{
必填:“请输入您的名字”,
maxlength:“名字太大”
},
姓氏:{
必填项:“请输入您的姓氏”,
maxlength:“Lastname太大”
},
电邮:{
必填:“请输入电子邮件地址”,
电子邮件:“请输入有效的电子邮件”
},
密码:{
必填:“请提供密码”,
minlength:“您的密码长度必须至少为6个字符”
},
重新密码:{
必填:“请确认您的密码”,
equalTo:“密码应相同”
}
}
});
});
这里是html
<form role="form" name="joinform" id="joinform" action="" method="post">
<div class="form-group">
<label for="name">Name: </label>
<input type="text" class="form-control" name="firstname" placeholder="First Name" required/>
<input type="text" class="form-control" name="lastname" placeholder="Last Name" required/>
<br/>
<label for="email">Email: </label>
<input type="email" class="form-control" name="email" placeholder="Enter email" required email/>
<br/>
<label for="pwd">Password: </label>
<input type="password" class="form-control" name="password" placeholder="at least 6 characters long" required/>
<label for="repass">Retype-Password:</label>
<input type="password" class="form-control" name="repassword" placeholder="Confirm your password" required/>
<br/>
<a href="login.php" style="color:#666666; text-decoration:underline; ">Already a member?Login</a><br/>
<br/>
<button type="submit" class="btn btn-default">Submit</button>
</div>
</form>
姓名:
电邮:
密码:
重新键入密码:
提交
使用任何jQuery插件时,必须先加载jQuery。您还包括两次插件。您不能将每个插件包含一次以上。。。最好使用最新版本
这是正确的
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
否则,请使用jQuery版本支持的最新插件版本
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js"></script>
非常感谢。成功了!!我被困了好几天。这是因为我添加了重复的文件(谢谢:)