Support » Plugins » Contact Form 7 – Bei Enter NICHT senden!

  • pascalos

    (@pascalos)


    Hallo,
    ich habe ein Formular von Contact Form 7. Sobald ich die Enter Taste drücke, wird das Formular versendet. Ich möchte aber nur in die nächste Zeile springen.

    Was kann ich tun?

    Danke für eure Hilfe.

    Pascal

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 9 Antworten - 1 bis 9 (von insgesamt 9)
  • Moderator Bego Mario Garde

    (@pixolin)

    Dass ein Formular abgeschickt wird, wenn du die Enter-Taste drückst, ist das Standard-Verhalten aller Browser. Eine Änderung würde vermutlich viele Webseitenbesucher irritieren und wäre vermutlich auch nicht barrierefrei. Ich vermute daher, dass es bisher kein Plugin dafür gibt und du selber etwas programmieren könntest. Du müsstest also selber ein kleines Plugin schreiben, und eine JavaScript-Funktion wie in diesem Thread per wp_enqueue_script() einbinden:

    https://stackoverflow.com/questions/11235622/jquery-disable-form-submit-on-enter

    Thread-Starter pascalos

    (@pascalos)

    Aber normal ist es aber doch nicht wenn ich im Nachrichtenfenster eine Zeile per enter weiter gehen möchte?!

    Das ist in irgendeiner datei so deklariert! Wenn ich ein neues formular erstelle dann klappt es! Nur micht bei dem fertigen! Ich habe das theme so gekauft. Da war das Formular schon vorgefertigt! Aber ich finde nichts wo ich das ändern kann!

    Moderator Bego Mario Garde

    (@pixolin)

    Aber normal ist es aber doch nicht wenn ich im Nachrichtenfenster eine Zeile per enter weiter gehen möchte?!

    Ich verstehe nicht ganz, was du meinst. Normalerweise wird mit Enter ein Formular abgeschickt, das nächste Formularfeld mit Tab abgesteuert – genau so, wie es auch bei deinem Kontaktformular im Moment ist.

    Thread-Starter pascalos

    (@pascalos)

    Wenn ich in dem Feld „IHRE NACHRICHT“ bin dann ist es doch normalerweise so dass wenn man enter drückt, in die nächste spalte kommt. das ist in meinem fall aber jetzt nicht so. In den anderen Feldern ist das normal dass wenn man enter drückt das formular gesendet wird.

    Gruß
    pascal

    Moderator Bego Mario Garde

    (@pixolin)

    Wenn ich in dem Feld „IHRE NACHRICHT“ bin dann ist es doch normalerweise so dass wenn man enter drückt, in die nächste spalte kommt.
    Nein, das ist normalerweise nicht so.

    Thread-Starter pascalos

    (@pascalos)

    Nicht Normal??

    Wenn man doch zum Beidpiel einen Brief schreibt:

    Sehr geehrte Damen und Herren,(ENTER)
    (ENTER)
    Bla bla bla bla bla..

    So meine ich das

    Moderator Bego Mario Garde

    (@pixolin)

    Geh mal auf Formulare > Formular Bearbeiten, kopier den Inhalt des Feld Formular und füge ihn hier als Beitrag ein.

    Thread-Starter pascalos

    (@pascalos)

    <div class="contact-form" id="contactForm"  method="post" novalidate="novalidate" _lpchecked="1">
        <div class="successform text-center">
            <p>Vielen Dank. Ihre Nachricht wurde erfolgreich gesendet!</p>
        </div>
        <div class="errorform text-center">
            <p>Es ist ein Fehler aufgetreten. Bitte laden Sie die Seite neu und füllen das Formular erneut aus. Vielen Dank!</p>
        </div>
        <div class="input-wrapper">
            [text* your-name class:form-control class:input-custom placeholder "Vor- und Nachname"]
        </div>
    <div class="input-wrapper">
            [tel* telefon class:form-control class:input-custom placeholder "Telefon"]
        </div>
        <div class="input-wrapper">
            [email* your-email class:form-control class:input-custom placeholder "Email"]
        </div>
    <div class="input-wrapper">
            [text* your-subject class:form-control class:input-custom placeholder "Betreff"]</div>
        <div class="input-wrapper">
            [text* your-message class:form-control class:textarea-custom placeholder "Ihre Nachricht"]
        </div>
    
        <div class="text-center">
           [submit class:btn  "Senden"]
        </div>
    </div>
    • Diese Antwort wurde geändert vor 6 Jahren von Bego Mario Garde. Grund: Codeformatierung korrigiert
    Moderator Bego Mario Garde

    (@pixolin)

    [text* your-message class:form-control class:textarea-custom placeholder "Ihre Nachricht"]
    definiert ein Eingabefeld vom Typ Text.

    Durch die CSS-Klasse class:textarea-custom wird es ein wenig anders dargestellt, aber es ist immer noch ein einfaches Eingabefeld. Wenn du in einem Eingabefeld Enter drückst, wird das Formular abgeschickt.

    Ein größeres Texteingabefeld, das sich mehr so verhält wie ein Texteditor und Zeilenwechsel per Enter-Taste ermöglichen soll, heißt Textarea. Wenn du das haben möchtest, musst du das auch angeben:

    [textarea* your-message class:form-control class:textarea-custom placeholder "Ihre Nachricht"]

    (steht auch so in der Dokumentation).

    Bei Text spricht man bei einer Anordnung untereinander übrigens von Zeilen. Verschiedene Eingabefelder nebeneinander liegen dann in unterschiedlichen Spalten.

Ansicht von 9 Antworten - 1 bis 9 (von insgesamt 9)
  • Das Thema „Contact Form 7 – Bei Enter NICHT senden!“ ist für neue Antworten geschlossen.