Validation status – should it disappear or turn green?
We have client-side validation when users fill out a form. See below:
The question here is: if the user answers the question, should the "!" button disappear? This button also serves as toggling on/off the error on the input.
My idea was to have it go green with a check once data is validated. This would mean that if a question is NOT required, then it should be green and checked(?). Additionally, there is a "reviewer" persona where this particular user is not filling out the form but just viewing the form to see what the user entered. In this case, it is assumed that these validation buttons should be hidden.
Another thing to notice is that the "?" is disabled when help-text is not applied to the question. Should the same pattern apply to the data validation if the question is NOT required (where the validation button is disabled?).
Would appreciate anything else you guys can point out that doesn't make sense. Thank you all.
EDIT: here is what the form input looks like when you toggle ON the form validation error:
EDIT AGAIN: here is how it looks based on all the information you guys have provided me. In the labels I have added what each one means.