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)
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"
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 );
Please refer to the script comments and the example implementation file ( implementation.js ) for detailed information
- considered stable
- there was an error in the last commit (0.4b) preventing eventbinding for change and blur events
- changed blur event to change event (blur caused some trouble on chekboxes)
- fixed html5 jQuery.data() naming convention change introduced in 1.6
- fixed issue: checkboxes had returned false required-field check (value, always on)
- fixed msie issues
- fixed false http request type (GET instead of POST) caused by a missing trailing slash in the url string
I haven't tested this script on form elements like check - and select-boxes, radiobuttons, though it should work on these too. I haven't tested this script on IE < 9 and Opera
if you find any problems please let me know