2 xu1194947097 xu1194947097 于 2017.08.29 14:33 提问

validate验证不起作用,求大神看看

照着菜鸟教程上的例子写的,验证不起作用。小白学习中,求大神指点一二****validate是1.14.0的,js文件和html文件的路径关系如图
图片说明

 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>testValidate</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/messages_zh.js"></script>
<script>
$.validator.setDefaults({
submitHandler: function(){
alert("提交事件");
}
});
$().ready(function(){
//************************
$("#signupForm").validate({
rules:{
name:{
required:true,
minlength:2
},
password:{
required:true,
minlength:5
},
confirm_password:{
required:true,
minlength:5,
equalTo:"#password"
},
email:{
required:true,
email:true
},
"topic[]":{
required:"#newsletter:checked",
minlength:2
},
agree:"required"
},
messages:{
name:{
required:"請輸入用戶名",
minlength:"用戶名必須由兩個字母組成"
},
password:{
required:"請輸入密碼",
minlength:"密碼長度不能小於5個字母"
},
confirm_password:{
required:"請輸入密碼",
minlength:"密碼長度不能小於5個字母",
equalTo:"兩次密碼輸入不一致"
},
email:"請輸入一個正確的郵箱",
agree:"请接受我们的声明",
topic: "请选择两个主题"
}
});
});
</script>
<style>
#box {
width: 400px;
margin-left: auto;
margin-right: auto;
}   
.error {
color: red;
}
</style>
</head>

<body>
<div id="box">
<form id="signupForm" method="get" action="">
<fieldset>
<legend>注册账号</legend>
<p>
<label for="name">用户名</label>
<input class="name" id="name" name="name" type="text" />
</p>
<p>
<label for="password">密码</label>
<input class="password" id="password" name="password" type="password" />
</p>
<p>
<label for="confirm_password">密码确认</label>
<input class="confirm_password" id="confirm_password" name="confirm_password" type="password" />
</p>
<p>
<label for="email">邮箱</label>
<input class="email" id="email" name="email" type="email" />
</p>
<p>
<label for="agree">请同意我们的声明</label>
<input class="agree" type="checkbox" id="agree" name="agree" />
</p>
<p>
<label for="newsletter">我乐意接受新信息</label>
<input class="newsletter" type="checkbox" id="newsletter" name="newsletter" />
</p>
<fieldset id="newsletter_topics">
<legend>主题 (至少选择两个) - 注意:如果没有勾选“我乐意接收新信息”以下选项会隐藏,但我们这里作为演示让它可见</legend>
<label for="topic_marketflash">
            <input type="checkbox" id="topic_marketflash" value="marketflash" name="topic[]">Marketflash
         </label>
<label for="topic_fuzz">
        <input type="checkbox" id="topic_fuzz" value="fuzz" name="topic[]">Latest fuzz
    </label>
<label for="topic_digester">
            <input type="checkbox" id="topic_digester" value="digester" name="topic[]">Mailing list digester
        </label>
<label for="topic" class="error" style="display:none">至少选择两个</label>
</fieldset>

</fieldset>
<p>
<input type="submit" value="提交" class="submit" />
</p>
</fieldset>
</form>
</div>
</body>

</html>

3个回答

qq_33624284
qq_33624284   2017.08.29 14:38

仔细查看下代码,你这样一坨贴出来的代码,难受。。。检查依赖,js的版本之类的

xu1194947097
xu1194947097 很有道理,第一次发帖,没摸清门道。。。谢谢指点
3 个月之前 回复
linqin107412
linqin107412   2017.08.29 16:45

你这样也没格式化的代码贴出来,别人是不愿意看的,扫一眼直接过掉了,根本不会仔细看,一坨放着看的难受扎心。。。

xu1194947097
xu1194947097 很有道理,第一次发帖,没摸清门道。。。谢谢指点
3 个月之前 回复
qq_33632491
qq_33632491   2017.08.30 17:13

感觉没什么错误,你调试一下看一下就是没有验证还是errorPlacement有问题,提示的位置没有

Csdn user default icon
上传中...
上传图片
插入图片