jQuery(document).ready(function(){
	
	jQuery("#DateOfBirth").datepicker({yearRange: '-70:0'});
	
    jQuery("#vForm").validate({
		rules: {
			State: {
			required: true,
			maxlength: 2
			},
			DateOfBirth: {
			required: true,
			maxlength: 10,
			date: true
			},
			LastName: {
			required: true,
			maxlength: 20
			},
			AlternatePhone: {
			maxlength: 10,
			minlength: 10,
			digits: true
			},
			FirstName: {
			required: true,
			maxlength: 20
			},
			Phone: {
			required: true,
			maxlength: 10,
			minlength: 10,
			digits: true
			},
			X_Card_Num: {
			maxlength: 16,
			minlength: 16,
			digits: true
			},
			X_Exp_Date: {
			maxlength: 4,
			minlength: 4,
			digits: true
			},
			City: {
			required: true,
			maxlength: 30
			},
			Salutation: {
			required: true
			},
			Zip: {
			required: true,
			maxlength: 10
			},
			Email: {
			required: true,
			email: true,
			maxlength: 75
			},
			Address: {
			required: true,
			maxlength: 75
			},
			SocialSecurityNumber: {
			maxlength: 9,
			minlength: 9,
			digits: true
			},
			Password: {
			required: true,
			maxlength: 10,
			minlength: 8
			}
		},
		messages: {
			State: {
			required: "This field is required.",
			maxlength: jQuery.format("Enter no more than {0} characters.")
			},
			DateOfBirth: {
			required: "This field is required.",
			maxlength: jQuery.format("Enter no more than {0} characters."),
			date: "Enter a valid date."
			},
			LastName: {
			required: "This field is required.",
			maxlength: jQuery.format("Enter no more than {0} characters.")
			},
			AlternatePhone: {
			maxlength: jQuery.format("Enter no more than {0} characters."),
			minlength: jQuery.format("Enter at least {0} characters."),
			digits: "Enter only digits."
			},
			FirstName: {
			required: "This field is required.",
			maxlength: jQuery.format("Enter no more than {0} characters.")
			},
			Phone: {
			required: "This field is required.",
			maxlength: jQuery.format("Enter no more than {0} characters."),
			minlength: jQuery.format("Enter at least {0} characters."),
			digits: "Enter only digits."
			},
			X_Card_Num: {
			maxlength: jQuery.format("Enter no more than {0} characters."),
			minlength: jQuery.format("Enter at least {0} characters."),
			digits: "Enter only digits."
			},
			X_Exp_Date: {
			maxlength: jQuery.format("Enter no more than {0} characters."),
			minlength: jQuery.format("Enter at least {0} characters."),
			digits: "Enter only digits."
			},
			City: {
			required: "This field is required.",
			maxlength: jQuery.format("Enter no more than {0} characters.")
			},
			Salutation: {
			required: "This field is required."
			},
			Zip: {
			required: "This field is required.",
			maxlength: jQuery.format("Enter no more than {0} characters.")
			},
			Email: {
			required: "This field is required.",
			email: "Enter a valid email address.",
			maxlength: jQuery.format("Enter no more than {0} characters.")
			},
			Address: {
			required: "This field is required.",
			maxlength: jQuery.format("Enter no more than {0} characters.")
			},
			SocialSecurityNumber: {
			maxlength: jQuery.format("Enter no more than {0} characters."),
			minlength: jQuery.format("Enter at least {0} characters."),
			digits: "Enter only digits."
			},
			Password: {
			required: "This field is required.",
			maxlength: jQuery.format("Enter no more than {0} characters."),
			minlength: jQuery.format("Enter at least {0} characters.")
			}
		},
	 errorElement: "b",
     errorPlacement: function(error, element) {
     	error.appendTo( element.prev() );
     },
	// set this class to error-labels to indicate valid fields
	success: function(label) {
		// set   as text for IE
		label.html(" ").addClass("ok");
	}});
	
});