javascript – 当表格提交中的类相同时,按钮和跨度之间有什么区别.

我在使用ajax调用提交表单时克服了跨度和按钮问题.

这是我的代码与按钮：

<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>

javascript生成启动这里…..

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

我的问题是标签跨度表单提交得很好并从ajax得到响应但是当我用按钮标签页面做的时候是令人耳目一新的.

所以我只是想知道它们之间有什么区别
我还没写过< button type ='submit'>用于按钮标记

解决方法:

如果你没有告诉他们,浏览器通常会将表单中的按钮解释为提交按钮.如果您需要它们停止这样做,请使用：

// 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调用中使用它们.