https://github.com/Thrilleratplay/jquery-validation-bootstrap-tooltip

A drop in extension replacing error labels from jQuery Validation plugin with Twitter Bootstrap tooltips
https://github.com/Thrilleratplay/jquery-validation-bootstrap-tooltip

Last synced: about 2 months ago
JSON representation

A drop in extension replacing error labels from jQuery Validation plugin with Twitter Bootstrap tooltips

• Host: GitHub
• URL: https://github.com/Thrilleratplay/jquery-validation-bootstrap-tooltip
• Owner: Thrilleratplay
• License: mit
• Created: 2013-05-25T20:41:03.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2024-07-05T12:59:39.000Z (3 months ago)
• Last Synced: 2024-07-28T09:09:27.820Z (about 2 months ago)
• Language: JavaScript
• Homepage: http://thrilleratplay.github.io/jquery-validation-bootstrap-tooltip/
• Size: 269 KB
• Stars: 176
• Watchers: 20
• Forks: 94
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: MIT-LICENSE.txt

Awesome Lists containing this project

README

        
jQuery-Validation-Bootstrap-tooltip

===================================

A drop in extension replacing error labels from jQuery Validation plugin with Twitter Bootstrap tooltips

Requirements

-------------

* [jQuery](http://jquery.com/)

* [jQuery Validation](http://jqueryvalidation.org/)

* [Twitter Bootstrap](http://getbootstrap.com/) (Tested with v2.3.2, v3.3.5 and v4.1.2.  v5 is reported to work as well)

Usage

------

Tooltip options are given either through an element's data attributes or as objects set during validate initializing.  An example would be:

        $("#theform").validate({

            rules: {

               thefield: { digits:true, required: true }

            },

            tooltip_options: {

               thefield: { placement: 'left' }

            }

         });

ASP MVC developers

-------

There is an equivalent project that caters to jQuery Validation Unobtrusive, [johnnyreilly/jQuery.Validation.Unobtrusive.Native](https://github.com/johnnyreilly/jQuery.Validation.Unobtrusive.Native) and also provides [tooltip errors](http://johnnyreilly.github.io/jQuery.Validation.Unobtrusive.Native/AdvancedDemo/Tooltip.html)

Changelog

-----

* 0.11.0 - Reported to work with v5 and update version check.  Thanks to [jeffreywalters](https://github.com/jeffreywalters)

* 0.10.3 - Update dependencies

* 0.10.2 - Use Boostrap defined defaults.  Thanks to [fernandoluizao](https://github.com/fernandoluizao)

* 0.10.1 - Add missing dispose for Bootstrap 4.0.0 alpha.  Thanks to [p34eu](https://github.com/p34eu)

* 0.10.0 - Merged flickerfix and Bootstrap 4.0.0 alpha update into single script.

* 0.9.1 - Corrected '_all_' option in flickerfix version.

* 0.9.0 - Corrected selector data parameter Thanks to [QN-Solutions](https://github.com/QN-Solutions)

* 0.8.0 - Properly remove error class when valid

* 0.7.1 - Created flickerfix version for Bootstrap 3.3.0 and up  Thanks to [luis226](https://github.com/luis226). Linted.

* 0.7 -   Added ability to apply options to all elements. Thanks to [thiagof](https://github.com/thiagof)

* 0.6 -   Corrected default selector option

* 0.5 -   Fixed missing highlight/unhighlight calls

* 0.4 -   Fixed missing toggle of error/valid class on input element  

* 0.3 -   Fixed IE 7/8 error caused but the rouge trim function

* 0.2 -   Added extra error check and added minified version.

* 0.1 -   Inital release.

Demo

-----

[Demo](http://thrilleratplay.github.io/jquery-validation-bootstrap-tooltip/) or it didn't happen

* * *

###### Special Thanks to dennysfredericci

Who's gist ([found here](https://gist.github.com/dennysfredericci/3030983))was the basis of this extension.