添加 jQuery 验证

Question

我正在观看有关将 jQuery 验证添加到联系表单的视频教程，但没有一个有效。他们从来没有真正讨论过如何将验证插件添加到页面，所以我想这可能是我出错的地方。

他在页面顶部的 jQuery 调用是这样的：

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>

再一次，他只是去谷歌 jQuery validate 并且它会出现，所以我认为它是这样的：

http://jqueryvalidation.org/

有没有人认为我所做的事情有什么问题？我得到了实际的表单，而不是 jQuery 验证。

jQuery(document).ready(function($){
		$("#contactform").validate({
			rules: {
				name: {
					required: true;
					minlength: 2
				},
				email: {
					required: true;
					email: true;
				},
				message: {
					required: true;
					minlength: 5
				}
			},
			messages: {
				name: {
					required: "Please enter your name",
					minlength: "Your name seems a bit short, doesn't it?"
				},
				email: {
					required: "Please enter your email address",
					email: "Please enter a valid email address"
				},
				message: {
					required: "Please enter your message",
					minlength: "Your message seems a bit short. Please enter at least 5 characters"
				}
			}
		});
	});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<form id="contactform" method="post" action="" novalidate>

			<input type="text" name="name" placeholder="Name">
			<input type="email" name="email" placeholder="Email">
			<textarea name="message" placeholder="Message"></textarea>
			<input type="submit" name="submitform" value="Send">
		</form>

Answer 1

为对象属性设置值时，应将, 放在值之后，而不是;。所以把required: true;（三个地方）、email: true;改成required: true,和email: true,

然后你的代码就可以工作了，就像这里：fiddle