jQuery – LiveValidation – Styled form validation

I was after a simple jQuery validation library that would enable me to easily style the return comments and specifify the validation criteria:

LiveValidation
Textbox to validate

Script Placed underneath
<script type="text/javascript">// <![CDATA[
var email = new LiveValidation('txtSkipRegEmail');
email.add(Validate.Email);
// ]]></script>

Styling
/*Form Validation*/
.LV_validation_message{
font-weight:bold;
margin:0 0 0 5px;
}

.LV_valid {
color:#00CC00;
}

.LV_invalid {
color:#CC0000;
}

.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active,
textarea.LV_valid_field:hover, textarea.LV_valid_field:active {
border: 1px solid #00CC00;
}

.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {
border: 1px solid #CC0000;
}
/*Form Validation*/

NOTE: Please ensure you inlcude the LiveValidation package

Very simple, resusable and well written.  Scalable to all form validation, accross all languages and platforms. Asp.net example

LiveValidation 4/5

Live Validation

About the Author