jquery 插件验证表单-优快云博客

本文回顾了jQuery的使用，分享了一个用于验证表单输入的插件及其API用法，并提供了常见下载地址与演示链接。通过简单示例展示了如何实现基本的表单验证。

好久没碰jquery了

不过想开发个东西的时候又想起来了

留点东西做笔记，免得每次都要找

插件主页 http://bassistance.de/jquery-plugins/jquery-plugin-validation/

api http://docs.jquery.com/Plugins/Validation#Options_for_the_validate.28.29_method

常用下载地址

http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js

http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js

http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/additional-methods.js

http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/additional-methods.min.js

demo地址 http://jquery.bassistance.de/validate/demo/

最简单例子

	$("#signupForm").validate({
		rules: {
			firstname: "required",
			lastname: "required",
			username: {
				required: true,
				minlength: 2
			},
			password: {
				required: true,
				minlength: 5
			},
			confirm_password: {
				required: true,
				minlength: 5,
				equalTo: "#password"
			},
			email: {
				required: true,
				email: true
			},
			topic: {
				required: "#newsletter:checked",
				minlength: 2
			},
			agree: "required"
		},
		messages: {
			firstname: "Please enter your firstname",
			lastname: "Please enter your lastname",
			username: {
				required: "Please enter a username",
				minlength: "Your username must consist of at least 2 characters"
			},
			password: {
				required: "Please provide a password",
				minlength: "Your password must be at least 5 characters long"
			},
			confirm_password: {
				required: "Please provide a password",
				minlength: "Your password must be at least 5 characters long",
				equalTo: "Please enter the same password as above"
			},
			email: "Please enter a valid email address",
			agree: "Please accept our policy"
		}
	});