jQuery validate small example

by katalin_2003

HTML

<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<div id="results"></div>
<form name="bookings" id="bookings" method="post" action="#">
    <div class="item" style="clear:left;">
        <label>E Mail *</label>
        <input id="femail" name="email" type="text">
    </div>
</form>

CSS

.error {
    border: 1px solid red;
}

JavaScript

$( "#bookings" ).validate({
      rules: {
        email: {
          required: true,
          email: true
        }
      }, highlight: function(input) {
            $(input).addClass('error');
        },
    errorPlacement: function(error, element){} /* this removes the text messages but leaves css applied to the error class */
    /*don't forget to include jquery.validate.js */
      
        /*wrapper: 'li',
      errorLabelContainer:$('#results')*/
});

$('#femail').focus();