{{description}}

During input a red border slightly makes notice of invalid input. When submitted, all formelements are checked and marked invalid if needed. Even if every single formelement is OK, still 'password' and 'password-verification' need to match. If they don't then submit will fail and mark these formelements. Once re-focussed a tooltip will show what went wrong.

By adding the classes pure-form-showinvalid and pure-form-showvalid to the container, we manage to get a 'ok' and 'error' icon on the right of the formelements.

{{>validation-html}}

Code

``` {{>validation-js}} ```

Complete Example Source

``` {{>validation-html}} ```