Question

我正在尝试使用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>

Answer 1

在黑暗中一枪......

请勿使用名称“submit”作为提交按钮的名称属性...

多数情况下，偶尔插件让我有几次。

的Dom

Answer 2

最后，它已经解决了。这就是我所做的：

我将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>

实际上，我不知道目录有什么问题，但它以这种方式工作。感谢您的回答和评论。

jQuery中的验证不起作用

2 个答案: