Valid updates

Posted on

15 July 2008

by Andrew Ramsden

XUI Validation has been updated, changes include:

  • Clicking the links in the error summary block now focuses the user on the relevant input (as well as updating the fragment identifier in the URL)
  • A new configuration variable (positionOfInlineAlerts) allows the inline error messages to be displayed either in the input’s label or after the form control itself (after the indicator icon).
  • Tabbing into a control no longer triggers validation.
  • Required fields are only validated after the user leaves the control, so they are not confronted by an error message if they clear the contents of a control to start over.
  • A container element for each form control is updated after validation with the addition of a valid or invalid class so that the elements related to the control can be styled based on the outcome of the validation.
  • The ability to display confirmation messages has been added. This allows the validation functions to confirm with the user how their input is being parsed. This is useful for complex data types like dates.

See the example page for a demonstration of the new features.

Posted in

3 Comments

3 Responses to "Valid updates"

  • By Ben Boyle July 15, 2008 - 6:10 pm

    Excellent progress.

    The green and red labels is a big boggling but good demonstration of the valid/invalid classes on the container.

    There’s a glitch with the expiry date validation, it allows “00” for the month… parses it as “undefined” and treats it as valid.

    Would like to see the demo of the errors shown after the field of course 😉
    Looking good!

  • By Andrew July 15, 2008 - 6:57 pm

    Ah, well spotted! That of course, was not a bug, but an Easter Egg for diligent visitors like yourself. But since you insist, I have removed that bonus feature 🙂 let’s call it version 1.1.1.

    Would like to see the demo of the errors shown after the field

    If you download the package, then change the configuration variable positionOfInlineAlerts to 'feedback' the same example page will be displayed with that presentation.

    Thanks for the feedback!

  • By Bookmarks about Valid September 29, 2008 - 10:45 pm

    […] – bookmarked by 4 members originally found by ArchMongoose on 2008-09-11 Valid updates https://irama.org/news/2008/07/15/valid-updates/ – bookmarked by 5 members originally found by […]

Leave a reply