Add error state to form elements

[pixelmatrix]

Got a suggestion to add an error state for when there are errors in the form.

[mjbamford]

Seconded. That would be very nice.

[parsch]

Would be great

[GAV1N]

Field errors would be a welcome addition

[islandsofno]

It would be great to just make uniform compatible with an existing validation script like the one from bassistance http://jquery.bassistance.de/validate/demo/.

[pixelmatrix]

I'm definitely not going to do any validation. The extent that I would take this would be to provide an error state in the theme. Maybe, at the most, a function to set the form element as error state in JS too.

[AndyBean]

I second the notion to keep validation entirely separate but to include error states into the sprite. That is a great notion. If they get used, fine. If not, no problem. At least they exist in the sprite.

[roadsunknown]

I have a similar request. I "color" certain selects depending upon whether they are required or not. I was able to adjust the textboxes easily, but am having issues with the selects.

How would I go about adding this type of functionality? Simply, I need more than one theme to exist on a single page.

[pixelmatrix]

runtoofar, you could do this by modifying the sprite sheet, making a separate CSS file with separate classes, and then running 2 uniform calls on the different elements specifying the relevant class names. 1 for non-required elements, and 1 for required elements. Check out the docs on the parameters to see what classes can be specified.

[roadsunknown]

thanks for the direction, but i am very new to jquery. i created the sprite, additional css, but i am not sure how to tell it which theme to use for which selects. i've read through the docs and sorry to say, whatever i try is not working. also, my elements do not have ids i can call explicitly as they are generated dynamically. are there additional examples you can point me towards? thanks.

[nickbouton]

Any updates on this front? Would love to have error states in the sprite, at least for for the select and file upload elements.

Any suggestions on how to wire it up in the meantime, assuming I manually add them to the sprite?

[islandsofno]

@nickbouton You should check out https://github.com/jzaefferer/jquery-validation by bassistance.de it works well with uniform

[shehi]

This can be easily done by just creating your own sprite based on that of Uniform's and add additional classes to your own CSS and also handle them in your own JS. Adding a class, let's say class='error' should use the newly added sprite sections with newly added CSS bits and be handled by your own JS code. I don't see why this package should extend its responsibilities this far. Otherwise, we also have a request to add JS-based animation handling for form elements: #116. Expanding this far will only degrade Uniform's performance further.

I am binning this feature for the moment and tagging it as "for future reconsideration".