Problema di convalida JavaScript con caratteri internazionali

Question

Utilizziamo l'eccellente validator plugin for jQuery qui su Stack Overflow per eseguire la convalida dell'input sul lato client prima che venga inviata al server.

Generalmente funziona bene, tuttavia, questo ci fa graffiare la testa.

Il seguente metodo validatore viene utilizzato sul/modulo di risposta chiedere il campo del nome utente (si noti che è necessario essere disconnesso per vedere questo campo sul sito dal vivo: è in ogni pagina /question e la pagina /ask)

$.validator.addMethod("validUserName", 
    function(value, element) { 
    return this.optional(element) || 
    /^[\w\-\s\dÀÈÌÒÙàèìòùÁÉÍÓÚÝáéíóúýÂÊÎÔÛâêîôûÃÑÕãñõÄËÏÖÜäëïöüçÇßØøÅåÆæÞþÐð]+$/.test(value); }, 
    "Can only contain A-Z, 0-9, spaces, and hyphens."); 

Ora, questo regex sembra strano ma è abbastanza semplice:

• l'inizio della stringa (^)
• soddisfa una di queste ..
  • carattere di parola (\ w)
  • trattino (-)
  • spazio (\ s)
  • cifre (\ d)
  • folli i caratteri delle lingue luna (AEIOU ecc)
• ora corrisponde alla fine della stringa ($)

Sì, abbiamo incontrato nel problema Internationalized Regular Expressions. La definizione JavaScript di "carattere parola" non include caratteri internazionali.

Ecco la parte strana: anche se abbiamo preso la briga di aggiungere manualmente tonnellate dei caratteri internazionali validi alla regex, lo non funziona. Non è possibile inserire questi caratteri internazionali nella casella di input per il nome utente senza ottenere il ..

può contenere solo A-Z, 0-9, spazi e trattini

.. ritorno convalida!

Ovviamente la convalida è lavorare per le altre parti del regex .. così .. cosa succede?

L'altra strana parte è che questa convalida funziona nella console JavaScript del browser ma non quando viene eseguita come parte del nostro standard * .js include.

/^ [\ w- \ sÀÈÌÒÙàèìòùÁÉÍÓÚÝáéíóúýÂÊÎÔÛâêîôûÃÑÕãñõÄËÏÖÜäëïöüçÇßØøÅåÆæÞþÐð] + $/ .test ('ÓBill de hora') === vero

Abbiamo eseguito in alcuni problemi di caratteri internazionali davvero bizzarri in Codice JavaScript prima, con conseguente hack molto, molto brutto. Vorremmo capire cosa sta succedendo qui e perché. Per favore, illuminaci!

Answer 1

penso che i metodi di e-mail e l'URL di validazione sono un buon riferimento qui, per esempio. il metodo email:

email: function(value, element) { 
    return this.optional(element) || /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test(value); 
}, 

The script to compile that regex.

In altre parole, sostituendo l'elenco arbitrario di caratteri "luna pazza" con questo potrebbe aiutare:

[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF] 

Fondamentalmente questo evita i problemi di codifica dei caratteri che avete altrove sostituendo i caratteri esigenze di codifica con più generale definizioni. Sebbene non sia necessariamente più leggibile, finora è più breve della tua lista completa.

Ultima domanda

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Problemi correlati

• Nessun problema correlato^_^