Click on submit button to activate form validation.
Validating forms using default settings
HTML
<input type="text" name="name1" id="name1" size="30" class="field required" /> <input type="text" name="email1" id="email1" size="30" class="field required email" />
Validating forms using custom error message (title attribute)
HTML
<input typ... class="field required" title="Please give us your full name" /> <input typ... class="field required email" title="Please provide a valid email address" />
Using labels as text field values
This feature is particularly useful when you have limited space in your designs yet you want to keep the usability that form labels provide. To activate this just add a class name label
HTML
<div> <label for="name3">Your name here</label> <input type="text" name="name3" id="name3" size="30" class="field required label" /> </div> <div> <label for="email3">Your email here</label> <input type="text" name="email3" id="email3" size="30" class="field required email label" /> </div>
