Wie kann ich verhindern, dass eine Schaltfläche ein Formular sendet?

Anpassen des Schaltflächenverhaltens in Formularen

In Formularen gibt es häufig Schaltflächen, die verschiedene Aktionen auslösen, wie z. B. das Absenden des Formulars oder das Ausführen anderer Vorgänge. In bestimmten Fällen kann es jedoch wünschenswert sein, dass eine Schaltfläche das Formular nicht sendet, wenn darauf geklickt wird.

Problem:

Stellen Sie sich ein Formular mit zwei Schaltflächen vor: ein „ Schaltfläche „Änderungen verwerfen“ und eine Schaltfläche „Senden“. Auf beide Schaltflächen wird der jQuery-UI-Schaltflächenstil angewendet. Allerdings sendet die Schaltfläche „Änderungen verwerfen“ auch das Formular, obwohl ihm das Attribut „type="submit" fehlt.

Lösung:

Der Standardwert für Das Typattribut von Schaltflächenelementen ist „Senden“. Um zu verhindern, dass eine Schaltfläche das Formular sendet, legen Sie explizit type="button" fest:

<button type="button">Cancel changes</button>

Diese Änderung weist den Browser an, dass die Schaltfläche beim Klicken „nichts tun“ soll, um sicherzustellen, dass das Formular unberührt bleibt.

Zusätzliche Hinweise:

• Die jQuery UI button()-Funktion kann verwendet werden, um die zu verbessern Darstellung der Schaltflächen- und Eingabeelemente[type="button"].
• Es ist wichtig zu beachten, dass durch die Einstellung von type="button" die Formularvalidierung für diese Schaltfläche deaktiviert wird. Wenn eine Validierung gewünscht ist, verwenden Sie stattdessen type="submit".

Das obige ist der detaillierte Inhalt vonWie kann ich verhindern, dass eine Schaltfläche ein Formular sendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!