test

Page 51

SPRY 48 Guide de l'utilisateur

<script type="text/javascript"> var textfieldwidget1 = new Spry.Widget.ValidationTextField("textfieldwidget1", "time", {format:"HH:mm:ss"}); </script>

Le tableau suivant présente la liste des options de mise en forme ainsi que quelques autres options et valeurs courantes pour le troisième paramètre. Option

Valeur

format

"HH:mm" (par défaut), "HH:mm:ss", "hh:mm tt", "hh:mm:ss tt", "hh:mm t", "hh:mm;ss t" (où "tt" représente le format am/pm et "t" le format a/p)

validateOn

["blur"], ["change"] ou les deux ensemble (["blur", "change"])

isRequired

true (par défaut), false

useCharacterMasking

false (par défaut), true

minChars/maxChars

Pas d'application.

minValue/maxValue

Valeur d'heure dans le format spécifié.

pattern

Pas d'application.

Validation d'une carte de crédit ❖ Pour que le champ de texte n'accepte que les formats de carte de crédit, ajoutez "credit_card" comme valeur du

deuxième paramètre du constructeur, comme suit : <script type="text/javascript"> var sprytextfield1= new Spry.Widget.ValidationTextField("sprytextfield1", "credit_card"); </script>

Par défaut, tous les types de cartes de crédit sont validés. Vous pouvez toutefois spécifier des formats spécifiques à accepter, en utilisant l'option format dans le troisième paramètre, comme dans l'exemple suivant : <script type="text/javascript"> var textfieldwidget1 = new Spry.Widget.ValidationTextField("textfieldwidget1", "credit_card", {format:"visa"}); </script>

Le tableau suivant présente la liste des options de mise en forme ainsi que quelques autres options et valeurs courantes pour le troisième paramètre. Option

Valeur

format

Aucun format (par défaut), "visa", "mastercard", "amex", "discover", "dinersclub"

validateOn

["blur"], ["change"] ou les deux ensemble (["blur", "change"])

isRequired

true (par défaut), false

useCharacterMasking

false (par défaut), true

minChars/maxChars

Pas d'application.

minValue/maxValue

Pas d'application.

pattern

Pas d'application.

Validation d'un code postal ❖ Pour que le champ de texte n'accepte que les formats de code postal, ajoutez "zip_code" comme valeur du deuxième paramètre du constructeur, comme suit : <script type="text/javascript"> var sprytextfield1= new Spry.Widget.ValidationTextField("sprytextfield1", "zip_code"); </script>


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.