Validation

Validation using jquery

by Greg Finzer

HTML

<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.6/jquery.validate.min.js"></script>
<form id="myForm">
    <span>Zip Code</span>
    <input type="text" name="zip" id="zip" class="required digits" minlength="5" maxLength="5" />
    <input type="submit" name="go" id="Submit"  value ="Submit" />
</form>

CSS

.error {
    font: normal 10px arial;
    padding: 3px;
    margin: 3px;
    background-color: #ffc;
    border: 1px solid #c00;
}
body{font-size:x-large;background:#CCC;}
h1{margin-bottom:20px;}
form{padding:50px;}

JavaScript

$("#myForm").validate();