Inconsistant Validation

I have something strange going on here with my form created in CSS Form Builder.
At first I was convinced I had done something wrong, and maybe it's still the case. But I created a clean generic form using only the presets in FB and then uploaded all folders and files.
What's happening is the invalid message appear at the start, for my textarea field. What I want is for it to act just like the name and email text field. Where there is no message, but if you click into the field, then click out of the field the message pops up. What am I missing and how do I hide the text area message until it's been validated on blur.

And what makes this even more strange is that I created and uploaded the exact same preset on a different domain and it works properly. I immediately assumed I had a corrupt file so I let WA create new ones. That didn't do it.

Lastly, how come there are two validations for each field? Just curious. There is the "Show if" WA validation and then there is the Spry validation. Do we need both? Why does FB automatically create so many validations?

Thanks,
TroyD