Multipage Form Validation

[joomlamate]

On a multi-page form when click the next button if the validation to any fields fails, it will stay at the same page and will put red around the failed to validate fields.
The validation error is not visible and also if the user enter some of the previously failed fields correctly but still have a few filled not correctly, the next validation check will not change the color of the correct fields.

Actually all the red fields that failed at the first validation will remain red - disregarding if most of them have now been filled right and only 1 is still wrong.

But it's really hard for the users to find which fields is still failing to validate and needs to be corrected.

So basically 2 things:
1. How to show the validation error
2. Remove the red around the fields that are correct on next validation.

How to go about these?

 

[joomlamate]

any input on this ?

 

[cheesegrits]

The validation errors are probably there, they are just inserted as tooltips rather than inline divs.

This is a behaviour of AJAX validations which we originally implemented because otherwise the form content tends to jump around in a very unappealing way, as inline divs/spans get inserted. But it's something we'll probably make optional, as it obviously isn't very intuitive that you have to mouse over the failed element to see the error message.

-- hugh

 

[joomlamate]

Hi, thanks for getting back ... this answers partially the question - I guess if the errors are in the tooltips, I will be able to grab and display them on another location through the template, right ?

But what is the case with any fields that had previously validation errors at first submit, then got corrected - but they still show in red - on next submits if there is still even a single field with an error ?

For example at first submit I had 5 fields with validation errors.
Then I correct 4 of the 5 and re-submit.
But instead of showing only 1 field in red, it still shows all the 5 from the first submit in red.

I mean ok, if I ll be able to make the errors shown, that will be a smaller problem, but yet, it doesn't produce the best user-experience.... In the case I won't be able to display the val.errors on another location, then this is worse... as the user is unable to find what he has to correct - and what is actually still wrong.

 

[joomlamate]

actually it looks like all error messages remains in the form, even if some of the fields have been corrected. Any suggestions on how to improve this a little?

 

[cheesegrits]

It's on the list to work on. The only workaround right now is to use a tabbed form template instead of multipage forms.

-- hugh