jQuery中的验证不需要'；行不通_Jquery_Jquery Validate

jQuery中的验证不需要'；行不通

jquery

jQuery中的验证不需要'；行不通,jquery,jquery-validate,Jquery,Jquery Validate,我正在尝试使用jquery立即验证表单中的用户输入。我已经写了这个片段，但实际上它没有做我想要的。我想如果用户不同意，它应该显示一条消息。此外，它正常工作了一段时间，但随后就不工作了。谢谢你的帮助 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"

我正在尝试使用jquery立即验证表单中的用户输入。我已经写了这个片段，但实际上它没有做我想要的。我想如果用户不同意，它应该显示一条消息。此外，它正常工作了一段时间，但随后就不工作了。谢谢你的帮助

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Form</title>
<script src="lib/jquery.js" type="text/javascript"></script>
<script src="lib/jquery.metadata.js" type="text/javascript"></script>
<script src="jquery.validate.js" type="text/javascript"></script>

<script type="text/javascript">

$.metadata.setType("attr", "validate");

$(document).ready(function() {
$("#form1").validate({
messages: {
checkbox1: {required: 'you must agree'}
        }
}
);
});
</script>

</head>

<body>
<div id="apDiv1">
<h1 style="text-align:center">STEP ONE</h1>
</div>

<form  id="form1" action="action.php"  method="post">

 Enter Your Number
    <label>
      <input name="textfield1" type="text" id="textfield1" />
    </label>

 <p/>
 I agree
<input type="checkbox" name="checkbox1" id="checkbox1" validate="required:true"/>

 <p/>   
<input type="submit" name="submit" value="Next"  />


</form>

</body>

</html>


形式
$.metadata.setType（“attr”、“validate”）；
$（文档）.ready（函数（）{
$（“#表格1”）。验证({
信息：{
复选框1:{必需：'您必须同意'}
}
}
);
});
第一步
输入您的号码

我同意

只是黑暗中的一枪

不要将名称“提交”用作提交按钮的名称属性

这让我有了一些偶尔使用插件的机会

Dom

最后，它被解决了。下面是我所做的：

我将lib文件夹移到了上面的目录中，这样关联的标记就会如下所示

<script src="../lib/jquery.js" type="text/javascript"></script>
<script src="../lib/jquery.metadata.js" type="text/javascript"></script>

此外，我还将文件jquery.validate.js提高了一级，脚本将是：

<script src="../jquery.validate.js" type="text/javascript"></script>

实际上，我不知道目录有什么问题，但它是这样工作的。

感谢您的回答和评论。

您的代码与中的代码有什么区别？这对我来说似乎很好。谢谢安德鲁·惠特克。我已经在JSFIDLE上试用过了，它实际上工作正常。但当我在离线浏览器上测试它时（例如Firefox和chrome中的localhost），它就不起作用了。另外，我认为jquery的版本可能会对其产生影响，但事实并非如此，因为我测试了多个版本，所有版本都在jsFidle上给出了正确的结果，而在我的本地主机上没有结果。@creativeCreative:检查您的js文件是否位于正确的路径中？我确信它们位于正确的路径中。谢谢mahesh。谢谢，但事实上，这在这个问题上对我没有帮助。