jquery - 使用 Jquery 和 mvc 提交表单

Question

我正在尝试使用 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");
});

提交表单时缺少什么？

score 14 · Accepted Answer

14

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

于 2013-04-11T09:05:10.370 回答

score 4 · Accepted Answer

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

另外，为了澄清...

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

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

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

实际上触发了提交事件

score 1 · Accepted Answer

应该是这样的

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

而不是这个

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

score 0 · Accepted Answer

这是标签的语法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 兼容

4 回答 4