[contact-form-7 id="24083" title="Feedback DE"]

JS Animated. Wie macht man das Feld des Kontaktformulars nicht notwendig

In Muster, die forms.js Skript verwenden

Das jeweilige Tutorial zeigt, wie macht man die Felder im Kontaktformular optional.

Alle Felder müssen standardmäßig ausgefüllt werden. Um es zu korrigieren, finden Sie die Seite mit dem Kontaktformular und öffnen Sie sie in jeglichem PHP oder Texteditor. Finden sie den folgenden Code, der zu Ihrem Feld gehört:

<label class="email">

Ersetzen Sie ihn durch:

<label class="email notRequired">

Speichern Sie die Änderungen und erneuern Sie Ihren Browser. Das Feld ‘e-mail’ ist jetzt optional.

Machen Sie sich, bitte, mit ausführlichem Lehrvideo unten bekannt:

Wie macht man das Feld des Kontaktformular optional

In Muster, die TMForm.js Skript verwenden

Das jeweilige Tutorial zeigt, wie macht man das Feld des Kontaktformulars nicht notwendig (für Vorlagen mit dem Skript TMForm).

js_animated_tmform_contact_form_field_not_required_making_1

  1. Öffnen Sie die Datei .html, die den Seitencode “Kontakte” (“Contacts”) mittels des Programm Dreamweaver oder mittels des anderen Editor des HTML Codes.

  2. Aktivieren Sie den Modus “Split”, der das Bearbeitungsfenster in 2 Teile teilt und zeigt den Code gleichzeitig sowohl im Modus “Code” als auch im Modus ”Design”.

    js_animated_tmform_contact_form_field_not_required_making_2

  3. Im Modus “Design” wählen Sie das Feld Kontaktformulars, das Sie nicht notwendig machen möchten (alle Felder sind standardmäßig notwendig). Zum Beispiel, das Feld “Name” (“Name”).

  4. Im Modus “Code” wird der Code dieses Feldes markiert:

    <label class="name">
       <input type="text" placeholder="Name:" data-constraints="@Required @JustLetters" />
       <span class="empty-message">*This field is required.</span>
       <span class="error-message">*This is not a valid name.</span>
    </label>
    
  5. Löschen Sie die Bedeutung @Required aus der Liste von den Bedeutungen des Attributs data-constraints. Im Ergebnis erhalten Sie den folgenden Code:

    <label class="name">
       <input type="text" placeholder="Name:" data-constraints="@JustLetters" />
       <span class="empty-message">*This field is required.</span>
       <span class="error-message">*This is not a valid name.</span>
    </label>
    
  6. Speichern Sie die Änderungen in der Datei und laden Sie sie auf den Server herunter, um zu prüfen, wie das Feld jetzt funktioniert.

    js_animated_tmform_contact_form_field_not_required_making_3

  7. Der jeweilige Prozeß ist ähnlich für alle Felder des Kontaktformulars. Um das Feld nicht notwendig zu machen, sollen Sie einfach die Bedeutung @Required aus der Liste der Bedeutungen des Attributes data-constraints des Tags <input> löschen.

Sie können auch das ausführliche Video-Tutorial nutzen:

JS Animated. Wie macht man das Feld des Kontaktformulars nicht notwendig (für Vorlagen mit dem Skript TMForm)

JS Animated. Wie macht man das Feld des Kontaktformulars nicht notwendig, 5.0 out of 5 based on 1 rating