Formulareingabe formatieren und validieren (z.B. IBAN)

Hallo,

aktuell sollte ich es schaffen, Text-Formularfelder über die CONTAO-eigenen Möglichkeiten hinaus zu validieren und die Feldanzeige gleich bei der Eingabe zur formatieren. Ich gehe davon aus, dass dies am vernüftigsten zu machen ist über ein speziell dafür angepasste Input-Template (form_textfield.html5).

Z.B. sollten bei der Eingabe einer IBAN

• die ersten beiden Buchstaben DE unveränderbar vorgegeben sein
• danach genau 20 Ziffern folgen
• die Anzeige im Eingabefeld soll gemäß DIN gruppiert werden (fünf Vierergruppen, zuletzt zwei Ziffern, jeweils getrennt durch ein nicht zur Eingabe gehörendes Leerzeichen)
• die IBAN entsprechend der Vorgaben plausibel (Prüfsummenberechnung mit Modulo 97-10-Operation)

Eine Beschreibung der Prüfsummenberechnung (https://www.iban.de/iban-pruefsumme.html) sowie Javascript dafür (http://stackoverflow.com/questions/2...lidation-check) habe ich gefunden.

Wer kann mir Tipps für die Umsetzung geben oder hat das schon mal gemacht?

Vorab herzlichen Dank

Contao Rookie

Hallo,

vielleicht könnte man diese Erweiterung dafür nutzen, bzw. natürlich entsprechend ergänzen.
Frag doch mal bei den Entwicklern nach.

https://contao.org/de/erweiterungsli...dation.de.html

Gruß Manfred

Moin,

also für die Validierung wäre z.B. die Nutzung des "addCustomRegexp" möglich (https://docs.contao.org/books/api/ex...tomRegexp.html).

Das ist das ne Serverseitige Validierung.

Die Formatierung wird dann schon eher schwierig.

Da könntest du mittels JS drauf ... oder aber eine eigenes Widget erstellen, welches dann mehrere Textfelder (ohne Label) zurück gibt.

Gruß, Cliff

Vielen Dank für die Hinweise. Eigentlich hatte ich an JavaScript gedacht. Serverseitig wird es eher nicht gehen, weil es sich um ein mehrseitiges Formular mit efg und dabei nicht die letzte Seite handelt.

Da ich immer wieder nur sporadisch in die Verlegenheit komme so tief in CONTAO rumzuprogrammieren: könnte mir jemand an einem modifizierten form_textfield.html5 ein Beispiel für eine eigene Trivial-Validierung machen (z.B. als Eingabe nur das Wort "TEST" erlaubt, das dann in groß umgewandelt würde, wenn "test" oder sowas eingegeben wird)? Sowas könnte ich mit meinen bescheidenen Kenntnissen für meine Anwendung dann anpassen...

Das mit der Validierungs-Erweiterung schaue ich mir auch mal an...

Herzliche Grüße

Contao Rookie

hallo Contao Rookie

ich stehe gerade vor einer ähnliche Herausforderung. Ich soll bei zwei Formularen die IBAN überprüfen.
Wie hast Du die Berechnung der Prüfziffer gelöst? Per JavaScript? Oder kann man das auch unter "addCustomRegexp" einbauen?

Gruß
Daniel

Ich hatte IBAN und BIC mal als rgxp für den Formulargenerator aufgesetzt. Siehe hier http://public.andreasburg.de/contao/yesdo-hooks.zip

Hallo Daniel,

bisher konnte ich mein Problem leider nicht lösen. Ich stehe eher auf der Anwenderseite...

Beste Grüße

Contao Rookie

Dann installiere doch erstmal die Erweiterung, die ich verlinkt habe. Dann hast du die korrekte Server seitige Validierung. Eine Client seitige Validierung mit JS ist ja relativ schnell aufgesetzt. Die regex aus der Erweiterung

Code:

---

DE\d{2}([ ]\d{4}){4}[ ]\d{2}|DE\d{20}

---

kannst du wahrscheinlich auch für JS benutzen. Kannst du hier testen https://regex101.com/

Als Anregung vielleicht noch: die Funktion verify_iban() von https://github.com/globalcitizen/php-iban verwenden. Dann hast Du zur syntaktischen Gültigkeit auch nich die Überprüfung der Prüfziffer.

Danke für eure Antworten!

@Andreas: Danke für Deine Erweiterung. Das klappt sofort …
Da ich in PHP nicht so fit bin - kann ich die Überprüfung der Prüfziffer in den (das?) Hook einbauen? Oder geht das an der Stelle nicht?

Auf alle Fälle bin ich jetzt schon einen großen Schritt weiter und will/muss jetzt nur noch das JavaScript entsprechend einbauen. Vorlagen habe ich etliche gefunden (unter anderem auch die, die Contao Rookie erwähnt hat).

Liebe Grüße und eine gute Woche!
Daniel

Ja, das könne man dort einbauen. Dass es da ein Prüfverfahren gibt, hatte ich damals noch nicht auf dem Schirm. Ich habe im Moment leider keine Zeit das Prüfverfahren dort einzubauen.

Zitat:

---

Zitat von Daniel24

Da ich in PHP nicht so fit bin - kann ich die Überprüfung der Prüfziffer in den (das?) Hook einbauen? Oder geht das an der Stelle nicht?
l

---

Warum sollte das nicht gehen? (Annahme natürlich: die von Dir verwendete Bibliothek ist in PHP geschrieben und installiert). Am Beispiel des oben vorgeschlagenen lobalcitizen/php-iban in etwa so:

PHP-Code:

---

// Annahme: globalcitizen/php-iban ist über Composer installiert
require_once(TL_ROOT.'/composer/vendor/globalcitizen/php-iban/php-iban.php');

class yesdoHooks
{
  public function myAddCustomRegexp($strRegexp, $varValue, Widget $objWidget)
  {
    /**
     * @param  string  $strRegexp  The unknown regular expression string
     * @param  mixed   $varValue   The input value to be validated
     * @param  Widget  $objWidget  Form widget which is handling this input value. Use the widget's properties to retrieve information about the field configuration.
     *
     * @return  boolean  expects a boolean return value
     */
    if ($strRegexp == 'iban')
    {
      //if (!preg_match('/DE\d{2}([ ]\d{4}){4}[ ]\d{2}|DE\d{20}/', $varValue))
      if (!verify_iban(strtoupper($varValue)))
      {
        $objWidget->addError(sprintf($GLOBALS['TL_LANG']['ERR']['iban'], $objWidget->label));
      }

      return true;
    }
    if ($strRegexp == 'bic')
    {
      if (!preg_match('/[A-Z]{6}[A-Z2-9]{1}[A-NP-Z0-9]{1}(XXX|[a-wyzA-WYZ0-9]{1}[a-zA-Z0-9]{2}){0,1}/', $varValue))
      {
        $objWidget->addError(sprintf($GLOBALS['TL_LANG']['ERR']['bic'], $objWidget->label));
      }

      return true;
    }

    return false;
  }
} 


---

Edit: siehe #19

Das sieht ja einfach aus. Werde ich bei Zeiten einbauen. Danke.

@fiedsch - Danke, dass Du gleich eine Vorlage mitgeliefert hast. Das kann ich so umsetzen (und denke auch, dass ich halbwegs verstehe, um was es geht ;) )

Kurze Frage noch zur Installation der Bibliothek. Ich verwende nicht den Composer. Kann ich die php-Datei auch "einfach so" in das Verzeichnis "Vendor/globalcitizen/php-iban" kopieren? Oder geht das so nicht?

Sorry, aber die Installation von Erweiterungen habe ich unter Contao noch nicht ganz "durchdrungen".

Liebe Grüße
Daniel

Zitat:

---

Zitat von Daniel24

Kann ich die php-Datei auch "einfach so" in das Verzeichnis "Vendor/globalcitizen/php-iban" kopieren?

---

Könntest Du -- solltest Du aber nicht. Das Verzeichnis wird von Composer "verwaltet" und es wäre unsauber, da rein zu pfuschen. Außerdem weiß ich nicht, ob Composer es bei einem Update evtl. sogar löschen würde. Du kannst Die Bibliothek aber an eine beliebige Stelle legen. Du must dann nur den Pfad im Code anpassen. Vielleicht packst Du es gleich mit in das Verzeichnis von @Andreas' Erweiterung.

Und wie etwas gelernt … :cool: Danke, für die gute und konkrete Hilfe!

Leider passiert jetzt nach dem Einfügen gar nichts mehr. Hier meine Vorgehensweise:
1. den Code in der Datei von Andreas (yesdo-hooks/classes/yesdoHooks.php) ausgetauscht
2. die das Verzeichnis "globalcitizen/php-iban/php-iban.php" in "yesdo-hooks" angelegt und die Datei "php-iban.php" dort hinein kopiert
3. den Pfad in der Datei "yesdoHooks.php" geändert auf

PHP-Code:

---

require_once(TL_ROOT.'/system/modules/yesdo-hooks/globalcitizen/php-iban/php-iban.php'); 


---

4. in der Eingabeprüfung des Formularfeldes "IBAN" ausgewählt

Wenn ich dann das Formular teste (ist übrigens mehrseitig mit EFG), erscheint eine leere Seite. Ändere ich die Eingabeprüfung, ist wieder alles ok …

Wahrscheinlich habe ich den Pfad verkehrt angegeben …

Schalte doch mal (in den Contao Systemeinstellungen) Fehlermeldungen anzeigen ein oder schau in der error.log nach, was nicht passt.

Die Anzeige der Fehlermeldung wirft eine klare Aussage zurück:

Code:

---

Parse error: syntax error, unexpected ')' in /www/htdocs/w01366b3/finanzen.bfp.de/system/modules/yesdo-hooks/classes/yesdoHooks.php on line 19

---

Ist an diesem Befehl etwas verkehrt (hier hören meine PHP-Kenntnisse auf)

PHP-Code:

---

if (!verify_iban(strtoupper($varValue)))) 


---

Eine schliessende Klammer am Ende ist zu viel. Also so:

PHP-Code:

---

if (!verify_iban(strtoupper($varValue))) 


---

(dreimal auf, heisst auch dreimal wieder zu) :)

Klar, wer zählen kann, ist im Vorteil ;)
Werde es nachher mal testen …*wobei ich denke, dass es funktionieren wird.

Hallo zusammen,
ich greife das Thema noch einmal auf.

Ich benötige demnächst genau so eine IBAN Überprüfung für eine neue Contao 4.4 Seite.

Es geht um ein Aboformular, welches über den normalen Formulargenerator von Contao erstellt wurde.
Wie kann ich nun die hier gezeigten Infos einbauen? Gibt es ein neues Modul?

Ich bin kein Programmierer und kenne mich da nicht so gut aus.

Danke

Grüße
Matu

Wenn du es mit den oben gezeigten Lösungen nicht hinbekommst, dann müsstest du es dir erstellen lassen. Einfach mal bei Kleinstaufträge als Thread einstellen.

Hi,

wie bringe ich die yesdo-hooks.zip denn möglichst einfach in eine aktuelle Contao 4.6 Installation? Neben dem fehlenden Autoload-Installer von Contao 3 fehlt in meiner Installation auch die AppKernel.php, in der ich nach meinem Verständnis neue Module bekannt machen könnte. Ich habe mir zwar schon diverse Posts zum Thema Bundle-Erstellung angesehen. Allerdings bin ich bestenfalls Symfony-Einsteiger und habe zudem noch einen weiteren eigenen Contao 3 Hook, den ich auf die aktuelle Installation portieren will.

Danke
Andreas

In der Managed Edition brauchst du Contao 3 Extensions nicht extra bekannt machen. Die werden automatisch geladen.

Warum brauchst du den Autoload-Installer?

Danke für die schnelle Rückmeldung! Ich hatte anfangs geglaubt die Autoload-Dateien oder ein entsprechendes Gegenstück seien auch in C 4 ME erforderlich. Tatsächlich wurde mein Modul zwischenzeitlich auch schon geladen, ich hatte es jedoch erst beim Blick in den Debugger bemerkt.

Nach der manuellen Installation oder Deinstallation einer Contao 3 Extension in Contao 4 musst du immer manuell den Ordner var/cache löschen.

Liebes Forum,

bei der Suche nach der Lösung dieses Problems habe ich diesen Thread gefunden und bin mit ein bißchen Hilfe (Danke @fiedsch) zu einer Lösung gekommen, die ich in einem Blog-Eintrag aufgeschrieben habe, damit andere auch was davon haben:

https://www.contao-bayern.de/newsrea...alidieren.html

Viel Spaß damit!

Viele Grüße
Hella

Hallo Hella,

die Lösung sollte erst mal funktionieren, elegant finde ich sie aber nicht -- z.B. weil man die ID des Formulars angeben muss.

Ein besserer Weg wäre wahrscheinlich, tl_form_field so zu erweitern:

PHP-Code:

---

$GLOBALS['TL_DCA']['tl_form_field']['fields']['rgxp']['options'][] = 'iban'; 


---

Die rgxp iban ist Contao dann unbekannt und sollte den Hook addCustomRegexp (https://docs.contao.org/books/api/ex...tomRegexp.html) triggern. Im Hook selbst würde dann in etwa das gleiche stehen, wie in unserem Beispiel.

Disclaimer: garantiert ungetestet! Vielleicht komme ich bis zum nächsten Stammtisch dazu das mal auszuprobieren und aufzuschreiben. Ich hänge es dann als Link an Deinen Artikel an.

Lieber Andreas,

Zitat:

---

Zitat von fiedsch

die Lösung sollte erst mal funktionieren, elegant finde ich sie aber nicht.

---

Raum für Verbesserungen gibt es ja fast immer. Ich freue mich, wenn wir das noch optimieren können. Den nächsten Stammtisch sollte ich dann auch mal wieder schaffen.

Viele Grüße
Hella

https://www.contao-bayern.de/newsrea...revisited.html