2.0.3 • Published 5 years ago
@kevinbaubet/customform-label v2.0.3
Documentation CustomFormLabel
Ce script permet de personnaliser les labels d'un formulaire.
Initialisation
$('form').customFormLabel([options]);Options
| Option | Type | Valeur par défaut | Description |
|---|---|---|---|
| wrapper | string | '.form-item' | Sélecteur parent (pas forcément direct) des éléments supportés |
| classes | object | Voir ci-dessous | Objet pour les options ci-dessous |
| label | string | 'customform-label' | Classe appliquée sur le wrapper |
| focused | string | 'is-focused' | Classe d'état quand l'élément est actif |
| filled | object | 'is-filled' | Classe d'état quand l'élément est rempli |
| beforeLoad | function | undefined | Callback au début du chargement |
| afterEventsHandler | function | undefined | Callback après la déclaration des événements |
| onComplete | function | undefined | Callback à la fin du chargement |
| onFocus | function | undefined | Callback au focus d'un élément |
| onBlur | function | undefined | Callback au blur d'un élément |
Supports
Il est possible d'ajouter des supports à la liste par défaut :
$.CustomFormLabel.support = [
'input[type="text"]',
'input[type="password"]',
'input[type="number"]',
'input[type="date"]',
'input[type="month"]',
'input[type="week"]',
'input[type="time"]',
'input[type="datetime"]',
'input[type="datetime-local"]',
'input[type="email"]',
'input[type="search"]',
'input[type="tel"]',
'input[type="url"]',
'textarea'
];Méthodes
| Méthode | Arguments | Description |
|---|---|---|
| reset | - | Initialise l'état des éléments |
| getContext | - | Récupère l'élément de contexte |
| getWrapper | input jQuery object Élément input | Récupère l'élément wrapper |
| getInputs | - | Récupère tous les éléments présent dans $.CustomFormLabel.support par rapport au contexte |