web-dev-qa-db-fra.com

Comment activer jquery valider la localisation?

J'ai un formulaire d'inscription mis en œuvre à l'aide de jquery mobile. L'utilisateur peut choisir de remplir ce formulaire en allemand, anglais ou français - plusieurs pages internes sont utilisées pour afficher le formulaire dans chaque langue. L'utilisateur sélectionne sa 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 depuis github, il inclut tout le code d'erreur de localisation mais je ne sais pas comment l'activer.

Voici le code JavaScript que j'utilise pour gérer l'implémentation de 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();

});
javascriptjqueryformsvalidationjquery-mobile
15
Andrew Phillips

localisation du plugin de validation jQuery La langue par défaut du plugin de validation jQuery est l'anglais. Il pourrait être remplacé par le fichier js de localisation, par exemple. es, zh, fr, etc. Veuillez consulter ici pour la liste des langues prises en charge.

Pour activer la prise en charge des langues, nous avons juste besoin 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 chinois

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

Idem pour les autres langues, il suffit de trouver la langue appropriée js et d'ajouter les js dans la page Web.

si la langue requise ne figure pas dans la liste, une alternative réalisable consiste à télécharger une copie des messages_xx.js dans l'espace de travail du projet, puis à la modifier dans la langue souhaitée.

Bien que la langue js soit fournie, mais le problème est dans 1 page Web, nous ne pouvons utiliser qu'un seul type de message de langue. Si un message multilingue js sur 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 des messages de langues différentes selon les paramètres régionaux du système.

Il existe une autre façon de gérer plusieurs langues avec un ensemble de ressources ici.

articles de validation jQuery associés:

  • Email
  • Carte de crédit
  • Plusieurs champs de formulaire
  • Personnalisation des messages d'erreur
  • Utilisation du plug-in de validation jQuery dans JSF
  • Messages d'erreur multilingues
  • Gestion des erreurs dans le plug-in de validation jQuery

Terminé!!

24
Егор Синицин

Les fichiers de localisation sont également disponibles sur jsdelivr et cloudflare CDN:

par exemple

https://cdn.jsdelivr.net/npm/[email protected]/dist/localization/messages_de.jshttps://cdn.jsdelivr.net/npm/ [email protected]/dist/localization/messages_fr.jshttps://cdn.jsdelivr.net/npm/[email protected]/dist/localization/messages_es.js

ou

https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/localization/messages_de.jshttps://cdnjs.cloudflare.com/ajax/ libs/jquery-validate/1.17.0/localization/messages_fr.jshttps://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/localization/messages_es.js

0
Rinda