Question

Is there a way to do input validation (either in terms of offering a warning or, even better, simply blocking the characters) in an HTML text box using only CSS—no JavaScript? I want to do this because:

1. Some input validation ought to happen on client side
2. JavaScript can be disabled (I myself run NoScript)
3. I always consider it a matter of civility to do things in CSS before JavaScript if possible

I’m thinking especially of CSS3 because of its impressive capabilities.

Answer 1

You can do it somewhat with HTML5’s new input types

See: http://www.456bereastreet.com/archive/201004/html5_input_types/