Скачать или смотреть Form validation has never been easier with this javascript library.

This is the first part of the quick introduction to isomorphic-validation javascript library, specifically to its client side part. The library offers a straightforward way to make validation of user input interactive with little effort by connecting UI effects to validity states of form fields.

Part 2 -    • Handling async validators and mutually dep...  

This video only covers applying outlines, adding icons and validation error messages, but the library is capable of much more.

See: itihon.github.io/isomorphic-validation

Playground with this code is here: itihon.github.io/isomorphic-validation/quick-introduction/

Chapters:

00:00 Intro
01:02 Validation as an input event handler
01:40 Adding outline
02:26 Enable and disable the submit button
03:07 Overriding an event target in effect functions
03:39 Adding delay to effect functions
05:50 Overriding default values for effect functions
07:19 Adding icons
10:20 Connect effects together using effect ID
11:33 Adding validation error messages
13:43 The final result

#formvalidation #validation #javascript #finiteautomata