javascript - 我可以让 <button> 不提交表单吗?

标签 javascript html jquery jquery-ui button

我有一个表单,有 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() 并没有按预期工作(看起来很丑!)。

最佳答案

type attribute of button elements 的默认值“提交”。将其设置为 type="button" 以生成不提交表单的按钮。

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

HTML Standard 的话来说: "什么都不做。"

关于javascript - 我可以让 <button> 不提交表单吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3314989/

相关文章:

javascript - node express请求调用里面get

javascript - Blueimp 画廊 : External link on carousel images

php - jQuery/AJAX 登录表单在输入时提交

javascript - 使用助手: 'original' with sortable() and draggable() doesn't appear to work

javascript - 如何使用 jQuery(移动)选择价格范围

php - 在 PHP 中使 url seo 友好和从文件中删除扩展名时面临的问题

html - 子 DIV 更改高度以匹配其他子 DIV

javascript - D3 条形图镜像

JQUERY 未定义

jquery - 通过 jquery-tmpl 中的函数调用附加动态 HTML 元素