Wo ist der Submit-Button?
Hinweis: Der Submit-Button ist ein Formular Feld (Typ Submit-Button), das Sie selbst anlegen.
Das hat den großen Vorteil, dass Sie den Button selbst gestalten können. Der Text, den Sie als “Bezeichnung” eingeben, wird als Aufschrift auf dem Button verwendet.
Position und Formatierung
Alle Buttons werden immer am Ende des Formulars angezeigt. Sie können aber mit einer eigenen CSS-Klasse versehen und deshalb frei formatiert werden. Ihre eigene CSS-Klasse können Sie in der Feldkonfiguration unter dem Reiter “Erweitert” eintragen.
Submit-Button als Bild anzeigen
Um den Submit-Button als Bild anzuzeigen, verwenden Sie einfach den hierfür vorgesehenen Feldtyp “Image Submit-Button”.
Reset-Button hinzufügen
Neben dem zwingend notwendigen Submit-Button, können Sie dem Formular optional auch einen Reset-Button hinzufügen. Verwenden Sie hierzu den Feldtyp “Reset-Button”. Um den Reset-Button als Bild anzuzeigen, verwenden Sie einfach den hierfür vorgesehenen Feldtyp “Image Reset-Button”.
Submit-Button ist ausgegraut (disabled, deaktiviert)
Es kommt vor, dass der Submit-Button unter dem Formular ausgegraut (disabled, deaktiviert) ist und nicht funktioniert. Dies ist ein gewolltes Verhalten des Formulars. Denn dann haben Sie auf Ihrer Webseite einen JavaScript Fehler.
Als komplexe Formularkomponente ist Visforms abhängig davon, dass das JavaScript auf der Seite richtig funktioniert. Denn JavaScript wird im Formular benutzt, um
- bedingte Felder anzuzeigen,
- die Benutzereingaben browserseitig zu validieren,
- mehrseitige Formulare zu erzeugen,
- hinterlegte Berechnungen auszuführen
- und vieles mehr.
Da es so wichtig ist, dass das JavaScript funktioniert, haben wir uns dazu entschlossen, den Submit-Button zuerst im disabled Zustand anzuzeigen. Diesen Zustand stellen wir mithilfe von JavaScript gegen Ende des Seitenaufbaus auf enabled um. Wenn Sie einen JavaScript Fehler auf der Seite haben, dann bleibt der Button deaktiviert. Damit gibt es eine genau definierte Stelle, an der man einfach erkennen kann, dass das JavaScript auf der Seite nicht funktioniert.
Um das Problem zu beheben, müssen Sie den JavaScript Fehler auf der Seite finden und beheben. Nach unserer Erfahrung stammen JavaScript Fehler äußerst selten von Visforms. Sie werden hingegen oft durch JavaScript Inkompatibilitäten anderer Erweiterungen hervorgerufen. Aber auch ein fehlerhaft aufgesetztes Feld vom Typ Berechnung kann zu einem JavaScript Fehler auf der Seite führen.
Sie können die Konsole der Entwickler-Tools Ihres Browsers verwenden, um die genaue Fehlerursache zu suchen. Sobald der JavaScript Fehler behoben ist, werden alle Button im Formular automatisch aktiviert, nachdem die Seite geladen wurde.