Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
a htmlform inline validation plugin for the jQuery JavaScript Library in use of SYMPHONY-CMS
JavaScript
Branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
example
src
.gitignore
README.markdown

README.markdown

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:

  • 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

Something went wrong with that request. Please try again.