Graphic Effects in Javascript Validation

Question

What is this validation effect/libraryJS where the validation is performed at each field fill and returned the inconsistencies immediately and displays floating information like this used by the google register.

Examples

Answer 1

For the validations highlighted in the green box I suggest you use Jquery validation (look at the demos in http://jqueryvalidation.org/files/demo/) or bootstrap http://getbootstrap.com/

For the red marking tooltip I suggest two components, choose the one you think best:

• Bootstrap (that’s the best): http://getbootstrap.com/. Take a look at all the components and you will see that there is a lot of good that you can use in your app. but see these to make the box effect in red http://getbootstrap.com/css/#Forms-control-validation, http://getbootstrap.com/javascript/#popovers, http://getbootstrap.com/components/#input-groups-basic and http://getbootstrap.com/javascript/#tooltips

• Jquery UI http://jqueryui.com/tooltip/ , not exactly the same but it works and comes with several components that you can use without having to put a lot of separate libraries in your application.

Note: Bootstrap is very good but its css files can change the look of your site if it is already ready. Use only in new applications.