0

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

2 回答 2

0

只是在黑暗中拍摄...

不要使用名称“提交”作为提交按钮的名称属性...

这让我有几次偶尔使用插件的机会。

多姆

于 2012-07-31T21:26:06.357 回答
0

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

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

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

于 2012-08-02T16:08:58.603 回答