代码之家 › 专栏 › 技术社区 › asif

当类在表单提交中相同时,button和span之间有什么区别。?

forms ajax html jquery javascript

asif · 技术社区 · 8 年前

<form>
<button class="btn btn-round btn-fill pull-right mg-top"  id="gdBasic" >Generate</button>
</form>

这是我的span代码:

<form>
<span class="btn btn-round btn-fill pull-right mg-top"  id="gdBasic" >Generate</span>
</form>

$("#gdBasic").click(function () {
///////////////Ajax call is inside.//////////////////
});

我的问题是标记span表单提交得很好,并且得到了ajax的响应,但是当我使用按钮标记页面时,哪里是刷新的地方。

我没有写信 <button type='submit'> 用于按钮标签

2 回复 | 直到 8 年前

arbuthnott 8 年前

浏览器通常解释 button s在 form 如果您不告诉他们其他信息,则将其作为提交按钮。如果需要他们停止这样做,请使用:

// with type button, the form will not refresh the page.
<button type="button">Will not refresh the page.</button>

如果您知道您总是通过ajax提交表单(例如,如果您首先进行复杂的验证),您可以在表单上添加以下内容作为安全措施:

<form onsubmit="return false;">

这将阻止任何来自html的默认提交,但仍然允许您操作表单输入并在ajax调用中使用它们。

Amit Kumar Singh 8 年前

按钮是一个控件,设计用于在页面上提供事件,该事件通常完成一些操作,如提交表单字段、向页面添加新内容、导致页面组件重新排列。等等。在全球范围内,web用户将跨度的视觉表示视为内容显示,将按钮的视觉表示视为动作使能器。

<input type="submit"> 使用 <input type="button"> 或如上述答案所述 <button type="button">

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

1 年前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前