jQuery Validate Test Area

by Scott Kaye

HTML

<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.15.0/jquery.validate.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.15.0/additional-methods.min.js"></script>
<form action="#">
	<input type="text" required data-msg-required="This is required" id="field1">
	<input type="text" required data-msg-required="This is required" id="field2" equalto="#field1" data-msg-equalto="Field 2 must equal Field 1">
	<input type="submit">
</form>

CSS

label.error {
	display: block;
}

input {
	display: block;
}

JavaScript

$(function() {
	$("form").validate();
});