Telefonnummer HTML5 Validierung / Contao Regular Expression [GELÖST]

Hallo,
ich habe in einem Formular ein Textfeld als Pflichtfeld mit der Eingabeprüfung "Telefonnummer" eingetragen.
Die HTML5 Validierung ist aktiviert. Dennoch scheint die Contao eigene Validierung restriktiver zu sein als die HTML5 Validierung für Telefonnummern:

Lasse ich das Feld leer greift die HTML5 Validierung - Gebe ich ein Sonderzeichen oder Buchstaben ein greift die HTML5 Validierung nicht, stattdessen erscheint eine (Contao)- Fehlermeldung.
Ich würde gerne das entsprechende Template ( pattern ) anpassen, damit die HTML5 Validierung identisch ist mit der Contao Regexp für Telefonnummern.

(Auch wenn mit dem aktivierten Contao Script "js_autofocus" an die Fehlermeldung gescrollt wird - hätte ich lieber eine durchgehende HTML5 Validierung Darstellung... )

Wie/Wo finde ich die Contao RegExp für die Eingabeprüfung "Telefonnummer" ...

Danke
Franko

LÖSUNG:
Ein neues form_textfield z.B. form_textfield_phone Template anlegen und hier <input> mit pattern="[0-9 \+\(\)\/-]+" erweitern.
Dieses Template dann für das entsprechende Contao Form Feld mit der Eingabeprüfung "Telefonnumer" setzen.

Der Reguläre Ausdruck für phone dürfte in der Klasse Validator (system/modules/core/library/Contao/Validator.php) in der Methode isPhone() stehen.

Wenn Du einene eigenen rgxp verwenden willst hilft Dir der Hook addCustomRegexp weiter: https://docs.contao.org/books/api/ex...tomRegexp.html

Zitat:

---

Zitat von fiedsch

Der Reguläre Ausdruck für phone dürfte in der Klasse Validator (system/modules/core/library/Contao/Validator.php) in der Methode isPhone() stehen.

---

Hi Vielen Dank,
wie müßte denn jetzt die Regxp im Template aussehen, damit diese identisch ist mit:

HTML-Code:

---

/**
        * Valid phone number
        *
        * @param mixed $varValue The value to be validated
        *
        * @return boolean True if the value is a valid phone number
        */
        public static function isPhone($varValue)
        {
                return preg_match('/^(\+|\()?(\d+[ \+\(\)\/-]*)+$/', $varValue);
        }

---

Also ala <input pattern="HIER DIE CONTAO REGEXP" ....

Hatte das schon mal in einer 3er für PLZ (https://community.contao.org/de/show...l=1#post359732) aber kriege es mit dieser Regxp nicht so hin ...

Ich habe mich mit pattern in html5 <input>s noch nicht beschäftigt ...

Was passiert denn, wenn Du den RegExp von Contaos isPhone() in <input pattern=""> 1:1 verwendest. Basierend auf evtl. auftretenden Fehlermeldungen könntest Du Dich dann weiter voran arbeiten.

Zitat:

---

Zitat von fiedsch

Ich habe mich mit pattern in html5 <input>s noch nicht beschäftigt ...

Was passiert denn, wenn Du den RegExp von Contaos isPhone() in <input pattern=""> 1:1 verwendest. Basierend auf evtl. auftretenden Fehlermeldungen könntest Du Dich dann weiter voran arbeiten.

---

Vielen Dank,
ich weiß halt nicht wie ich mit dem letzten Part :

HTML-Code:

---

+$/', $varValue

---

umgehen muß ...

Zitat:

---

Zitat von Franko

ich weiß halt nicht wie ich mit dem letzten Part :

HTML-Code:

---

+$/', $varValue

---

umgehen muß ...

---

Meinst Du mit "letzten Part" das "+$" oder die Übergabe des Parameters $varValue?

Das + davon bezieht sich auf den zuvor geklammerten Ausdruck, also (\d+[ \+\(\)\/-]*) und bedeutet "einen oder mehrere davon", das abschließende $ bedeutet "Ende der Zeichenkette", also das Gegenstück zum ^ ("Anfang").

Wenn ich es richtig verstanden habe, beziehen sich die html-pattern-RegExp immer auf den gesamten Wert, d.h. die Anker ^ und $ können im Gegensatz zum PHP RegExp entfallen. (siehe https://developer.mozilla.org/de/doc.../Element/Input : "The pattern must match the entire value, not just some subset.")

$varValue entfällt bei der HTML-Variante, da klar ist, daß der RegExp sich auf den value des Elements bezieht.

Hallo,
Super Erklärung - hätte sich mir auch selbst erschließen müssen :-)

Allerdings - Wenn ich diese regex (\+|\()?(\d+[ \+\(\)\/-]*) hier teste (https://www.regextester.com/) mit z.B:
+49 (0) 555 / 111 -1
matched es korrekt.

Trage ich im form template <input pattern="(\+|\()?(\d+[ \+\(\)\/-]*)" ... ein beanstandet er diese Eingabe ... ?

Danke
Frank

Hallo,
ich habe es jetzt mit pattern="[0-9 \+\(\)\/-]+" probiert - Damit scheint es zu funktionieren.

Die HTML5 Validierung ist dann anlog zur Contao Beschreibung "Erlaubt numerische Zeichen, Plus (+), Minus (-), Schrägstrich (/), Klammern () und Leerzeichen ( )." bzw. Eingabeprüfung für Telefonnummern.

Danke
Frank

Zitat:

---

Zitat von Franko

Hallo,
ich habe es jetzt mit pattern="[0-9 \+\(\)\/-]+" probiert - Damit scheint es zu funktionieren.

---

Damit würdest Du aber z.B. auch +4989+((123-456)) erlauben, was für mich nicht nach einer gültigen Telefonnummer aussieht ;-)

Zitat:

---

Zitat von fiedsch

Damit würdest Du aber z.B. auch +4989+((123-456)) erlauben, was für mich nicht nach einer gültigen Telefonnummer aussieht ;-)

---

Yepp - Im Sinne einer korrekten Reihenfolge wird dies nicht abgefangen.
Allerdings ist dies auch mit der "internen" Contao Abfrage der Fall. Deaktiviere ich die HTML5 Validierung nimmt er dann auch z.B. die Eingabe +49 +49 231 ...

Insofern hilft das pattern lediglich zur identischen Validierung - also das nach der "normalen "HTML5 Validierung nicht nochmals die Contao eigene greift.