Looking at your form, I have a couple of concerns about your feedback mechanism
- You are relying too much on color to communicate content or feedback and a colorblind user might not be able to see the difference between the two forms and might wonder what is the error is. I just ran your "error image" against a color blindness checker and in two types of colorblindness, there is no difference between a valid and invalid input.
The first image is when the person is suffering from Green-Blind/Deuteranopia colorblindness
The second image is when the person is suffering from Red-Blind/Protanopia color blindness
Also this webAim article says that unfortunately Protanopia is the most commmon form of color blindness so you stand a good chance of confusing your users.
No information is provided about the kind of error : You are just denoting something is wrong by using color and not giving me any contextual information about what is the mistake. A simple situation might be that your user might have forgot to put the . in his email like testemail@com or might have entered an email in an incorrect format like this
" firstname.lastname@example.org " - spaces
"testmail@yahoo,com" - use of comma
In this case looking at your use of color to denote an error, all I would know is that an error has appeared but I wont know what is the validation error.
Here is an example of a form which uses color and validation messages to inform the users
Even taking the comment column, I assume that your comment column would expect a minimum number of columns and if you show an error condition due to less number of characters, the user would be confused as he has had no visual feedback