Kann ich dafür sorgen, dass die <Schaltfläche> das Formular nicht absendet?

Question

Ich habe ein Formular mit 2 Schaltflächen

<a href="index.html"><button>Cancel changes</button></a>

<button type="submit">Submit</button>

Ich habe auch jQuery-UI-Schaltflächen verwendet, wie hier

$('button').button();

Mit der ersten Schaltfläche wird jedoch auch das Formular abgesendet. Ich dachte ursprünglich, dass es ohne type="submit" nicht gehen würde.

Natürlich kann ich es schaffen

$('button[type!=submit]').click(function(event) { event.stopPropagation(); });

Aber gibt es eine Möglichkeit zu verhindern, dass der Zurück-Button das Formular ohne JavaScript-Eingriff absendet?

Ehrlich gesagt habe ich nur eine Schaltfläche verwendet, damit ich sie mit der jQuery-Benutzeroberfläche formatieren kann. Ich habe versucht, button() über den Link anzurufen, aber es hat nicht wie erwartet funktioniert (sah hässlich aus!).

Answer 1

button 元素 a> 的默认类型为 submit。

您可以通过设置按钮类型来使其不执行任何操作：

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

Answer 2

typebutton 元素的 /code> 属性 是“提交”。将其设置为 type="button" 以生成一个不提交表单的按钮。

<button type="button">Submit</button>

用HTML 标准的话：“什么也不做。”