我可以使<按钮>不提交表单吗?

我有一个表格,有2个按钮

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

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

我也使用jQuery UI的按钮,就像这样

$('button').button();

但是,第一个按钮也会提交表单。 如果它没有type="submit" ,我会认为它不会。

显然我可以做到这一点

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

但有没有一种方法可以阻止提交没有JavaScript干预的表单后退按钮?

说实话,我只用了一个按钮,所以我可以使用jQuery UI进行设计。 我试图调用button()上的button() ,它没有像预期的那样工作(看起来相当丑陋!)。


button元素的type属性的默认值是“submit”。

<button type=button>Submit</button>

button元素具有默认的submit类型。

你可以通过设置一个button类型来button

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

只需使用良好的旧HTML:

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

把它作为链接的主题,如果你愿意的话:

<a href="http://somewhere.com"><input type="button" value="Submit" /></a>

或者,如果您决定要JavaScript来提供其他功能:

<input type="button" value="Cancel" onclick="javascript: someFunctionThatCouldIncludeRedirect();"/>
链接地址: http://www.djcxy.com/p/6225.html

上一篇: Can I make a <button> not submit a form?

下一篇: How do I make links in a TextView clickable?