maxim75/jquery.validate.test.html

## jquery.validate.test.html
<!DOCTYPE html>
<html>
	<head>
		<style>
			.field
			{
				border: 1px solid #999;
			}

			label.error
			{
				color: Red;
			}
		</style>
		<!-- Google Maps -->
		<!--
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
</script>
		-->
		<link href="jquery-ui-1.8.13.custom.css" media="screen" rel="stylesheet" type="text/css" />
		<!-- JQuery -->
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
		<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.js"></script>
		<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8/jquery.validate.js"></script>
	</head>
	<body>

		<div class="error" style="display:none;">
			<span />
		</div>

		<form action="" id="commentForm">
			<div class="field">
				<label for="name">Username:</label>
				<input type="text" name="username" />
			</div>
			<div class="field">
				<label for="name">State:</label>
				<input type="text" name="name" />
			</div>
			<input type="submit" value="OK" />
		</form>

		<script>
			jQuery.validator.addMethod("auState", function(value, element) {
				return (value == "NSW") || (value == "VIC");
			}, "Hello");

			$("#commentForm").validate({
				debug: true,
				rules: {
					"name": "required auState"
				},
				messages: {
					"name":
					{
						required: "req",
						auState: "AU state"
					}
				}
			});

		</script>
	</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<style>
	.field
	{
	border: 1px solid #999;
	}

	label.error
	{
	color: Red;
	}
	</style>
	<!-- Google Maps -->
	<!--
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
	</script>
	-->
	<link href="jquery-ui-1.8.13.custom.css" media="screen" rel="stylesheet" type="text/css" />
	<!-- JQuery -->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.js"></script>
	<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8/jquery.validate.js"></script>
	</head>
	<body>

	<div class="error" style="display:none;">
	<span />
	</div>

	<form action="" id="commentForm">
	<div class="field">
	<label for="name">Username:</label>
	<input type="text" name="username" />
	</div>
	<div class="field">
	<label for="name">State:</label>
	<input type="text" name="name" />
	</div>
	<input type="submit" value="OK" />
	</form>

	<script>
	jQuery.validator.addMethod("auState", function(value, element) {
	return (value == "NSW") \|\| (value == "VIC");
	}, "Hello");

	$("#commentForm").validate({
	debug: true,
	rules: {
	"name": "required auState"
	},
	messages: {
	"name":
	{
	required: "req",
	auState: "AU state"
	}
	}
	});

	</script>
	</body>
	</html>