a htmlform inline validation plugin for the jQuery JavaScript Library in use of SYMPHONY-CMS

WHAT IT DOES:

The jQuery.SymphonyFormInlineValidate Plugin is a good start if you want to inline-validate you submitting forms and inject results (e.g. comments ) asynchronously into the page.

All validation is done server-side by Symphonys validation machanism, so you will also get the original status messages (SymphonyFormInlineValidate takes care of this in a bounch of callback options).

NOTE: while the validation process is proceeded, a css class "loading" is added to the current input field, so you can take care of this in your css stylesheets (e.g, add an loadspinner.gif, etc)

PREPERATION:

This example describes the case, that you do a submit form for e.g. blog comments.

• In Symphony create a new datasource that doubles your Existing Comment Section DS

• call it e.g. "Blog Comment Ajax"

• you may want to set an optional filter e.g {$entry} if you want to set additional url params on the submit javascript

• create a new datasource that doubles your Existing Blogpost Section DS

• call it e.g. "Blogpost Ajax"

• create a new page called e.g. "Comment Ajax Validate"

• attach your submit event and the newly created datasources to it.

• the page-template.xsl could look like the example file ( template.xsl )

• your form could like the example form ( form.html );

IMPLEMENTATION:

Please refer to the script comments and the example implementation file ( implementation.js ) for detailed information

CHANGELOG

1:

• considered stable
• there was an error in the last commit (0.4b) preventing eventbinding for change and blur events

0.4b:

• changed blur event to change event (blur caused some trouble on chekboxes)
• fixed html5 jQuery.data() naming convention change introduced in 1.6

0.3b:

• fixed issue: checkboxes had returned false required-field check (value, always on)

0.2b:

• fixed msie issues

0.1b:

• fixed false http request type (GET instead of POST) caused by a missing trailing slash in the url string

TODO:

• <del>I haven't tested this script on form elements like check - and select-boxes, radiobuttons, though it should work on these too.</del>

• <del>I haven't tested this script on IE < 9 and Opera</del>

• if you find any problems please let me know