使用jQuery验证
[英]validation using jquery
问题描述
我正在尝试使用jquery验证html页面，但没有任何反应。 这是一个简单的页面，但文本框尚未验证。
这是代码：
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="~/jquery.js/"></script>
<script type="text/javascript" src="~/jquery-validate/jquery.validate.js/"></script>
<script type="text/javascript">
$(document).ready(function(){
var validator = $("#submitForm").validate({
debug: true,
rules: {
author: "required",
quote: "required"
},
messages: {
author: "Name of Author required"
quote: "Please enter Quote"
},
errorPlacement: function(error, element) {
error.appendTo( element.parent().top() );
}
);
});
</script>
<body>
<div class="container">
<div class="center_div">
<h2>Submit Your Quote</h2>
<fieldset>
<form id="submitForm" action="qinsert.php" method="post">
<div class="error" style="display:none"></div>
<div class="field">
<label>Author: </label>
<input name="author" type="text" class="required" minLength=3>
<span class="error"></span>
</div><br />
<div class="field">
<label>Quote: </label>
<textarea name="quote" cols=22 class="required" minLength=5></textarea>
<span class="error"></span>
<br />
</div>
<input id="button1" type="submit" value="Submit" class="submit" /><br />
<input id="button2" type="reset" value="Reset" />
</form>
</fieldset>
</div>
</div>
代码有什么问题？ 谢谢！
3 个解决方案
解决方案1
1 已采纳 2010-04-05 22:57:24
乍一看，您似乎在javascript中缺少了结尾的'}'。 我认为您没有关闭validate（{正确。尝试在}前面添加}括号； 在errorPlacement函数之后。
$(document).ready(function(){
var validator = $("#submitForm").validate({
debug: true,
rules: {
author: "required",
quote: "required"
},
messages: {
author: "Name of Author required"
quote: "Please enter Quote"
},
errorPlacement: function(error, element) {
error.appendTo( element.parent().top() );
}
});
});
解决方案2
1 2010-04-05 23:00:20
我以前没有使用过jQuery验证插件，但是这里显然缺少逗号：
messages:
{
author: "Name of Author required",
quote: "Please enter Quote"
},
无需手动安装此插件，因此我现在无法获得示例运行代码。
就我个人而言，我认为一种声明式的验证方式对我更有吸引力，这意味着与其将验证要求直接放入您的javascript代码中，还可以在html中声明性地标记它们。 然后，验证引擎将检查每个必填字段，等等。
如果您觉得合理，那么我建议另一个验证插件： jQuery内联验证
解决方案3
0 2010-04-05 23:05:31
检查您的jQuery库的路径。 将它们放在名为~的目录中并带有/后缀似乎不太可能。 如果它们在同一目录中，则正确的语法为：
<script type="text/javascript" src="jquery.js"></script>
结合使用Recaptcha和Jquery验证
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.