2013-08-13 17 views
10

Ho un modulo di registrazione implementato con jquery mobile. L'utente può scegliere di compilare questo modulo in tedesco, inglese o francese - ci sono più pagine interne utilizzate per visualizzare il modulo in ogni lingua. L'utente seleziona la sua lingua preferita tramite un pulsante del menu.Come abilitare la localizzazione validata jquery?

Utilizzo il plugin jquery validate per gestire la convalida del modulo sul lato client. Funziona bene. Mi chiedo come abilitare i giusti messaggi di errore per il modulo su ciascuna pagina della lingua? Quando scarichi il plugin da github include tutto il codice di errore di localizzazione ma non sono sicuro di come abilitarlo ..

Ecco il codice JavaScript che sto usando per gestire l'implementazione della convalida del modulo per ogni pagina di lingua.

Grazie se mi può aiutare a consentire i messaggi di errore di destra per le pagine francesi tedesco & ..

$(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(); 

}); 

risposta

20

plugin jQuery convalida localizzazione La lingua predefinita per il plugin jQuery convalida è l'inglese. Potrebbe essere sovrascritto con il file js di localizzazione, ad es. es, zh, fr, ecc. Si prega di fare riferimento a here per l'elenco delle lingue supportate.

Per abilitare il supporto delle lingue, è sufficiente aggiungere altro messaggio in lingua js nella nostra pagina Web (html/jsp/xhtml). per il francese

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

per il cinese

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

Lo stesso vale per altre lingue, basta trovare il js lingua appropriata e aggiungere i js nella pagina web.

se la lingua richiesta non è nell'elenco, un'alternativa praticabile è scaricare una copia di messages_xx.js nell'area di lavoro del progetto, quindi modificarla nella lingua richiesta.

Sebbene sia fornito il linguaggio js, ​​ma il problema si trova in 1 pagina Web, è possibile utilizzare solo un tipo di messaggio di lingua. Se nella pagina web è presente più messaggi in lingua js, verrà utilizzato l'ultimo.

Per risolvere questo problema, possiamo caricare dinamicamente i messaggi js dalle impostazioni locali del sistema.

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

con la soluzione di cui sopra, finalmente siamo in grado di gestire in modo dinamico messaggio di lingua diversa da diversi locali del sistema.

C'è un altro modo per gestire più lingue con il pacchetto di risorse qui.

articoli correlati convalida jQuery:

  • Email
  • Carta di credito
  • più campi modulo
  • errore personalizzazione messaggio
  • utilizzando jQuery convalida Plugin JSF
  • messaggi di errore multilingue
  • Gestione errori in jQuery Plugin di convalida

Fatto !!

+1

Questa risposta sarebbe più utile se i collegamenti menzionati dalla parola "qui" fossero aggiunti. –

+1

Questi collegamenti sono errati = ( –

+6

Questo è direttamente copiato da http://www.kianworknotes.com/2013/05/jquery-validation-plugin-localization.html. Per favore, fai riferimento alla tua fonte se hai intenzione di copiare del testo – Patrick

0
Problemi correlati