Support » Plugins » Contact Form 7 Textfeld soll nur Zahlen akzeptieren

  • Gelöst fump2000

    (@fump2000)



    Hallo liebe Gemeinde 🙂

    Ich habe ein recht umfangreiches Formular erstellt in diesem sind auch Felder in die eigentlich nur Zahlen gehören da wäre z.B. das Feld PLZ oder Zählernummer da sollen eben nur Zahlen rein.

    Wie bekommt man das in einem Formular hin?
    Ich habe bei Google nun wirklich mehrmals versucht der Sache auf den Grund zu gehen aber ich finde nichts wirklich passendes.

    Daher hoffe ich hier bei euch auf Hilfe!
    Vielen Dank im voraus!

    MfG
    fump

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Wen auch immer du mit „Gemeinde“ meinst …

    Um ein Textfeld zu erstellen, das nur Nummern erlaubt, solltest du … ein Nummern-Feld erstellen.

    Mehr Informationen zu Nummerfeldern findest du in der Dokumentation von Contact Form 7: https://contactform7.com/number-fields/

    Die Gemeinde von Suchenden und derer die Antwort geben also die User dieses Forums!

    Wenn ich das „number“ Feld nutze dann ist da auch immer rechts dieses Zähl Element um einen höher oder tiefer zu wählen. Das will ich eben nicht. Der User soll ein Textfeld haben in dem er selber die festgelegte Menge Zahlen eingeben kann aber eben nur Zahlen.

    [number* PLZ min:0 max:99999]
    Es hält sich nicht an die max Regel und da ist eben dieses Bedienungselement welches Optisch nicht reinpasst und einfach stört.

    Gibt es da eine andere Lösung?

    Danke trotzdem!
    MfG
    fump

    ist da auch immer rechts dieses Zähl Element um einen höher oder tiefer zu wählen. Das will ich eben nicht.

    Du hast vorher nicht erwähnt, was du schon ausprobiert hast und willst oder nicht willst. Gemeinde hin oder her — Hellsehen kann ich auch nicht.

    Die Bedienungselemente kannst du aber durch Zusätzliches CSS im Customizer unterdrücken:

    .wpcf7 input[type='number'] {
        -moz-appearance:textfield;
    }
    
    .wpcf7 input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

    Alternativ könntest du eine eigene Validierung als Code Snippet hinzufügen.
    Vgl. https://stackoverflow.com/a/42213813

    Trotzdem … Bitteschön. 🙂

    Entschuldige, du hast natürlich recht. Ich hätte genauer sein müssen. War schon nach 4 heut Nacht da hab ich wohl nicht ganz so gut aufgepasst.

    Die Validierung als Code Snippet hinzuzufügen wäre mir am liebsten jedoch komme ich damit nicht zurecht. Ich kann zu wenig Coden bzw. die Snippets die du netter Weise verlinkt hast beziehen sich auf Telefonnummern. Ich hingegen will ja nur Zahlen haben. Am elegantesten wäre es wenn man dem text Feld einen Tag hinzufügen könnte wie check also so:
    [text* PLZ check minlength:5 maxlength:5]

    Ist das machbar? Oder ist das nicht Sinnvoll?
    Ich komme mit dem Code nicht so ganz klar.

    Wäre sehr nett von Dir wenn du mir erneut Hilfestellung geben könntest.

    Danke!
    MfG
    fump

    Keine Ahnung, wie ich dir jetzt noch helfen soll.

    Die leichteste Lösung ist, einfach eine Zahlenfeld einzufügen.
    Du möchtest keine Bedienelemente am Feld? Kein Problem mit dem zusätzlichen CSS. Brauchst du nur kopieren und im Customizer einfügen.

    Als Alternative habe ich dir gezeigt, wie du über ein Code-Snippet eine Validierung des Eingabefelds vornehmen könntest. Du kannst nicht programmieren? Kein Problem, nimm die Lösung oben, ist auch einfacher.

    Auf die Documentation von Contact Form 7 habe ich dich auch hingewiesen. Kann man bei einem Textfeld die Länge vorgeben? Ja, steht so in der Dokumentation. Damit wird aber eine alphanumerische Eingabe ermöglicht, P3y2X wäre also eine gültige Eingabe (aber sicher keine gültige Postleitzahl).

    Denk dran: Wir leisten hier im Forum Hilfe zur Selbsthilfe. Wenn du erkannt hast, dass du etwas nicht kannst, musst du es entweder lernen oder dich mit einfacheren Lösungen zufrieden geben.

    Ist ja gut, reg dich ab!

    Habs schon umgesetzt und es klappt einwandfrei genau so wie ich es will.

    Also danke und schönen Sonntag noch!

    Thread als „gelöst“ markiert.

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Das Thema „Contact Form 7 Textfeld soll nur Zahlen akzeptieren“ ist für neue Antworten geschlossen.