jquery – 显示类似工具提示的验证错误消息

如何在html表单上显示如下所示图像的验证消息.

我在网上试过,但找不到这样的验证.所以虽然在这里问你,也许有人可以帮我这个.

我想显示valdation错误信息,如下图所示……

请有人帮帮我……

或者像这个以下的图像

解决方法

如果你正在尝试自己的 javascript并且你是新手,那么你应该注意学习DOM元素并了解其他DOM行为,这需要相当多的学习.一个快速的解决方案是使用 Jquery Library和Jquery Validation Plugin.有很多Jquery Form验证器,它使用工具提示来显示错误.

他们之中有一些是 ：

http://thrilleratplay.github.io/jquery-validation-bootstrap-tooltip/
http://jqueryvalidationunobtrusivenative.azurewebsites.net/AdvancedDemo/Tooltip
http://jquerytools.org/demos/tooltip/form.html
https://github.com/yairEO/validator
https://github.com/posabsolute/jQuery-Validation-Engine