<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Makes "parent" required only if age is below 13.</title>
<link rel="stylesheet" href="http://jquery.bassistance.de/validate/demo/site-demos.css">
</head>
<body>
<form id="myform">
<label>Age </label>
<input id="age" name="age" title="Please enter age!">
<br>
<label>Parent </label>
<input id="parent" name="parent" title="Please enter parent!">
<br>
<div class = "errorDiv"></div>
<input type="submit" value="Validate!">
</form>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>
<script>
// just for the demos, avoids form submit
jQuery.validator.setDefaults({
debug: true,
success: "valid"
});
$( "#myform" ).validate({
rules: {
age: {
required: true,
},
parent: {
required: true
}
}
});
</script>
</body>
</html>
I need to display the error message in "errorDiv" class div.This error message displayed in following format.