Rails Real-Time Form Validation Plug-In 1.0.2

Rails Real-Time Form Validation Plug-In uses AJAX to validate form data against a model in real-time. AJAX requests are made as the user is filling in form fields.

The form data is then validated against a model on the server-side. RTV then responds with javascript that dynamically updates the HTML document. This enables you to mark form fields as valid/invalid using CSS.

The download package now includes a sample rails application. It does not need a database to run, thanks to this. Simply execute ./script/server from the rtv_sample_app directory and point your bwoser to http://localhost:3000.

Usage:

Download and extract the contents of 'the_plugin' directory to your 'vendor/plugins' directory. Please the the rtv_sample_app for more details.

In your controller:

include UIEnhancements::RealtimeValidation
helper :RealtimeValidation
realtime_validation_for(:the_form_id, :the_model)

In your view, after a form:


In your CSS (example):
.fieldWithoutErrors,
.fieldWithErrors
{
outline-width: 1px;
outline-color: white;
outline-style: solid;

/* !!HACK!! IE will not use this because it does not understand !important. Border is not needed for firefox, so make it 0px!*/
border-width: 0px !important;
/*for IE!*/
border-width: 1px;
border-color: white;
border-style: solid;
}

.fieldWithErrors
{
background: pink;
background-color:pink;
outline-color: red;

/*for IE!*/
border-color: red;
}

/* Browser support may be limited here...*/
.fieldWithErrors input,
.fieldWithErrors select,
.fieldWithErrors textarea
{
background: pink;
background-color: pink;
}

Known to work with:
· Rails 1.1.6
· FireFox 2

What's New in This Release:

· This release adds a sample application, some code cleanup and minor bugfixes, and some changes to the sample CSS.



Product's homepage