HTML5 Muster regex nicht genehmigt meine [richtig] regex hinter dem „@“ für eine E-Mail-Validierung

Question

Dies ist mein regex Code, der mit jQuery Validierung Bibliothek funktioniert:

return /^(("[\w-\s]+")|([\s\w\+-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{1,66})\.([a-z]{2,6}\s*(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?)$/i

es ein Hinzufügen andere HTML5-Seite ohne die jQuery-Validator führt einen Fehler:

Pattern attribute value /^(("[\w-\s]+")|([\s\w+-]+(?:.[\w-]+))|("[\w-\s]+")([\w-]+(?:.[\w-]+)))(@((?:[\w-]+.)\w[\w-]{1,66}).([a-z]{2,6}\s(?:.[a-z]{2})?)$)|(@[?((25[0-5].|2[0-4][0-9].|1[0-9]{2}.|[0-9]{1,2}.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2}).){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})]?)$/i is not a valid regular expression: Uncaught SyntaxError: Invalid regular expression: //^(("[\w-\s]+")|([\s\w+-]+(?:.[\w-]+))|("[\w-\s]+")([\w-]+(?:.[\w-]+)))(@((?:[\w-]+.)\w[\w-]{1,66}).([a-z]{2,6}\s(?:.[a-z]{2})?)$)|(@[?((25[0-5].|2[0-4][0-9].|1[0-9]{2}.|[0-9]{1,2}.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2}).){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})]?)$/i/: Invalid character class

Nicht erlaubt:

• ein

• aa

• Kartoffel @

erlauben:

• Kartoffel @ g

• potato@gmail.com

Dies ist der HTML-Code:

<input type="email" id="email" name="email" placeholder="" required="true" class="input-xlarge" pattern='/^(("[\w-\s]+")|([\s\w\+-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{1,66})\.([a-z]{2,6}\s*(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?)$/i'> 

Answer 1

Die ungültige Zeichenklasse ist [\w-\s]. Dieser Bereich macht keinen Sinn. Ich denke du meinst [\w\s-] (keine Reichweite). Mit dieser Änderung fallen die /^ und $/i um den Ausdruck, und type="text", so dass das Muster tatsächlich angewendet wird, scheinen die Dinge zu arbeiten. Versuchen Sie aber bitte nicht, einen regulären Ausdruck zu verwenden, um E-Mail-Adressen zu validieren.

<form> 
 
<input type="text" id="email" name="email" placeholder="" required="true" class="input-xlarge" pattern='(("[\w\s-]+")|([\s\w\+-]+(?:\.[\w-]+)*)|("[\w\s-]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{1,66})\.([a-zA-Z]{2,6}\s*(?:\.[a-zA-Z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?)'> 
 
<input type="submit"> 
 
</form>

EDIT

Per der Diskussion in den Kommentaren unten, vielleicht [\w-\s]ist bedeutete eine Reihe zu sein, so dass meine bearbeiten (obwohl der Fehler loszuwerden) ist vielleicht nicht semantisch dasselbe wie die JavaScript-Interpretation des ursprünglichen Musters.