wc.widgets.ValidationTextbox
Le widget ValidationTextbox est utilisé comme zone d'entrée avec fonction de validation dans les formulaires. Avec le widget ValidationTextbox et le widget JQuery datepicker, vous pouvez entrer une date en la tapant ou en la sélectionnant dans un calendrier. ValidationTextbox nécessite un widget wcTooltip pour afficher des messages non valides.
Exemple de résultat
Exemple
<input data-widget-type="[‘datepicker’, ‘wc.ValidationTextbox’]"
data-widget-options="[{‘altField’: ‘#shippingDate’},
{‘regExp’: ‘^\\d\\d/\\d\\d/\\d\\d\\d\\d$’, ‘canBeEmpty’: true, ‘submitButton’: ‘#submit, ‘invalidMessage’: ‘Invalid date. Use mm/dd/yyyy format’}]" /> Options
- RegExp
- (Chaîne) Expression régulière JavaScript pour s'assurer que le format de la date tapée est correct.
- canBeEmpty
- (Booléen) Détermine si la zone de texte peut être vide. La valeur par défaut est true.
- trimBeforeValidation
- (Booléen) Détermine si la valeur de la zone de texte est coupée. La valeur par défaut est true.
- invalidMessage
- (Chaîne) Message à afficher sous forme d'info-bulle si l'entrée est incorrecte.
- submitButton
- (Chaîne) Sélecteur jQuery du bouton qui envoie le formulaire qui contient ce ValidationTextbox. Si le contenu du ValidationTextbox n'est pas correct, le bouton est désactivé.
- submitButtonDisabledClass
- (Chaîne) Classe CSS à ajouter au bouton Envoyer s'il est désactivé. La valeur par défaut est
disable. - errorClass
- (Chaîne) Classe CSS à ajouter au ValidationTextBox si l'entrée n'est pas correcte. La valeur par défaut est
error. - customValidateFunction
- (Fonction) Fonction de validation personnalisée qui peut renvoyer un message d'erreur.
- onValidInput
- (Fonction(chaîne)) Fonction qui est appelée chaque fois que l'utilisateur saisit une entrée correcte. La valeur de la zone de texte est transmise à la fonction.