Comment activer jquery valide la localisation?

J'ai un formulaire d'inscription mis en œuvre en utilisant jquery mobile. L'utilisateur peut choisir de compléter ce formulaire en allemand, en anglais ou en français: il existe plusieurs pages internes utilisées pour afficher le formulaire dans chaque langue. L'utilisateur sélectionne leur langue préférée via un bouton de menu.

J'utilise le plugin jquery validate pour gérer la validation du formulaire côté client. Cela fonctionne bien .. Je me demande comment activer les bons messages d'erreur pour le formulaire sur chaque page de langue? Lorsque vous téléchargez le plugin de github, il inclut tout le code d'erreur de localisation, mais je ne suis pas sûr de l'activer.

Voici le code JavaScript que j'utilise pour gérer la validation de formulaire pour chaque page de langue.

Merci si vous pouvez m'aider à activer les bons messages d'erreur pour les pages allemandes et françaises.

$(document).on("pageshow", "#page_deutsch", function() { $("#register_deutsch").validate(); }); $(document).on("pageshow", "#page_english", function() { $("#register_english").validate(); }); $(document).on("pageshow", "#page_francais", function() { $("#register_francais").validate(); }); 

Localisation de plugin de validation jQuery La langue par défaut pour le plugin de validation de jQuery est l'anglais. Il pourrait être remplacé par le fichier js de localisation, par ex. Es, zh, fr, etc. Veuillez vous reporter ici à la liste des langues supportées.

Pour permettre la compatibilité des langues, il suffit d'ajouter d'autres messages de langue js dans notre page Web (html / jsp / xhtml). Pour le français

 <script type="text/javascript" src="http://jzaefferer.github.io/jquery-validation/localization/messages_fr.js" /> 

Pour le chinois

 <script type="text/javascript" src="http://jzaefferer.github.io/jquery-validation/localization/messages_zh.js" /> 

Même pour les autres langues, recherchez les js appropriés et ajoutez les js dans la page Web.

Si la langue requise n'est pas dans la liste, une alternative viable est de télécharger une copie des messages_xx.js dans l'espace de travail du projet, puis de le modifier à votre langue requise.

Bien que la langue js soit fournie, mais le problème se trouve dans 1 page Web, nous ne pouvons utiliser que 1 type de message de langue. Si plusieurs messages de langue js dans la page Web, le dernier sera utilisé.

Pour résoudre ce problème, nous pouvons charger dynamiquement les messages js par les paramètres régionaux du système.

 <script type="text/javascript" src="http://jzaefferer.github.io/jquery-validation/localization/messages_<%= Locale.getDefault().getLanguage() %>.js" /> 

Avec la solution ci-dessus, enfin nous pouvons gérer dynamiquement différents messages de langue par différents paramètres régionaux du système.

Il existe une autre façon de gérer plusieurs langues avec le groupe de ressources.

Articles liés à la validation jQuery liés

  • Email
  • Carte de crédit
  • Champs de formulaire multiples
  • Personnalisation des messages d'erreur
  • Utilisation de jQuery Validation Plugin dans JSF
  • Messages d'erreur multilingue
  • Gestion des erreurs dans jQuery Validation Plugin

Terminé!!