Submit & Reset-Button

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.