{"id":17228513,"url":"https://github.com/simshaun/jquery-validation-tooltips","last_synced_at":"2025-04-14T01:23:53.131Z","repository":{"id":1868608,"uuid":"2793813","full_name":"simshaun/jquery-validation-tooltips","owner":"simshaun","description":"Provides an easy, configurable way of making validation errors appear as tooltips.","archived":false,"fork":false,"pushed_at":"2012-09-26T23:49:19.000Z","size":187,"stargazers_count":5,"open_issues_count":1,"forks_count":6,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-11T04:53:35.922Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://envysphere.com/jquery-validation-tooltips-14/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"hicTech/cssPlus","license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/simshaun.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2011-11-17T07:20:42.000Z","updated_at":"2019-08-30T15:47:07.000Z","dependencies_parsed_at":"2022-09-09T09:00:20.500Z","dependency_job_id":null,"html_url":"https://github.com/simshaun/jquery-validation-tooltips","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simshaun%2Fjquery-validation-tooltips","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simshaun%2Fjquery-validation-tooltips/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simshaun%2Fjquery-validation-tooltips/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simshaun%2Fjquery-validation-tooltips/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/simshaun","download_url":"https://codeload.github.com/simshaun/jquery-validation-tooltips/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248805616,"owners_count":21164359,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-15T04:44:21.438Z","updated_at":"2025-04-14T01:23:53.108Z","avatar_url":"https://github.com/simshaun.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [jQuery Validation Tooltips][jqvt-homepage]\n\nProvides an easy, configurable way of making validation errors appear as tooltips.\n\n## About jQuery Validation Tooltips\n\njQuery Validation Tooltips is a plugin that sits on top of Jörn Zaefferer's [jQuery Validation][jqv] plugin.\nIt modifies the default error displaying functionality so that errors are displayed as tooltips.\n\n## Demo\n\nhttp://demos.envysphere.com/jq/validation-tooltips/\n\n## Prerequisites\n\nThis plugin requires Jörn Zaefferer's [jQuery Validation][jqv] plugin.\n\n## Installation\n\n 1. Add the stylesheet (**jquery.validate.tooltips.css**)\n\n        \u003clink rel=\"stylesheet\" href=\"jquery.validate.tooltips.css\"\u003e\n        \n 2. Add the javascript (**jquery.validate.tooltips.js**)\n\n        \u003cscript src=\"jquery.validate.tooltips.js\"\u003e\u003c/script\u003e\n\n    You must link the javascript **after** Jörn Zaefferer's jQuery Validation plugin.\n\n## Warnings\n\nThere aren't any *efficient* ways that I know of to automatically reposition tooltips \nwhen their corresponding form fields change position on screen. (e.g. because of a collapsible box)\n\nTo help alleviate this problem, there is `.reflow()` method that you can manually call any time\nsomething causes the form fields to move.\n\n    var $validator = $('#form').validator();\n\n    // This is an example of something that may cause form elements to move:\n    $(\"#box\").slideDown('fast', function() {\n      // This repositions the tooltips.\n      // It must be called *after* the form elements are finished moving.\n      $validator.reflow();\n    });\n\n## Configuration\n\nThe plugin is intended to be as simple as possible to integrate.\nHowever, there are some options you can configure if desired:\n\n### errorPosition [string]\nWhere to position tooltips relative to their associated form elements.\n\n**Default value:** `r`\n\n**Allowed values**\n\n - t\n - b\n - l  [as in **l**eft]\n - r\n - tl [as in **t**op-**l**eft]\n - tr\n - bl [as in **b**ottom-**l**eft]\n - br\n\n**Example**\n\n    $(\"#form\").validate({ errorPosition: 'tr' });\n    \nThe tooltip position may be configured for each form element by giving the form element\na `data-errorposition` attribute. This attribute accepts the same allowed values as shown above.\n\n    \u003cinput type=\"text\" name=\"name\" id=\"name\" data-errorposition=\"t\"\u003e\n\n\n### errorSpacing [object]\nHow much spacing is placed between an input and the tooltip.\nSpacing is configured for each side of an input.\n\n**Default value:** `{ top: 2, right: 3, bottom: 2, left: 3 }`\n\n**Example:**\n\n    $(\"#form\").validate({\n      errorSpacing: {\n        top:    0,\n        right:  5,\n        bottom: 0,\n        left:   5\n      }\n    });\n\n\n## License\n\nMIT/GPL\n\n\n[jqvt-homepage]: http://envysphere.com/jquery-validation-tooltips-14/\n[jqv]: http://bassistance.de/jquery-plugins/jquery-plugin-validation/","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimshaun%2Fjquery-validation-tooltips","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsimshaun%2Fjquery-validation-tooltips","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimshaun%2Fjquery-validation-tooltips/lists"}