使用 Jquery 和 mvc 提交表单答案

【问题标题】：Form Submit using Jquery and mvc使用 Jquery 和 mvc 提交表单
【发布时间】：2013-04-11 08:56:43
【问题描述】：

我正在尝试使用 jQuery 提交表单。下面是我的代码

<form id="sampleForm" action="@Url.Action("submitSearch","Home")">
    //Form Fields  textbox
    <button id="test" type="submit" ></button>
</form>

在document.ready里面有脚本

$("#sampleForm").submit(function () {
    console.log("Success");
});

但是当点击 sumbit 时什么都没有发生。

我尝试了下面的代码，看看我是否正确映射并且工作正常

$(document).on("click", "#search-button", function () {
    console.log("Success");
});

提交表单时遗漏了什么？

【问题讨论】：

【解决方案1】：

$("#test").click(function(){
   $("#sampleForm").submit();
});

【讨论】：

【解决方案2】：

是否有可能您正在提交但页面正在重新加载并且控制台日志已被清除？

另外，只是为了澄清......

$("#sampleForm").submit(function () {
    console.log("Success");
});

这会在提交 sampleForm 时连接一个事件来做一些事情...

$('#sampleForm').submit();

实际上触发了提交事件

【讨论】：

【解决方案3】：

应该是这样的

<input id="test" type="submit" ></input>

不是这个

<button id="test" type="submit" ></button>

【讨论】：

【解决方案4】：

这是标签button的语法：

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

如果你不喜欢或者不需要放按钮的文字，而你只需要运行表单的事件提交，你不能这样做：

html:

<form id="sampleForm" action="@Url.Action("submitSearch","Home")" method="get">
    //Form Fields  textbox
</form>

js:

// where needed
$('#sampleForm').submit();
// or
$('#sampleForm').trigger('submit');

但始终需要输入任何标签以与 IE 兼容

【讨论】：