使用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");
});

提交表格时遗漏了什么？

Answer 1

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

Answer 2

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

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

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

当提交sampleForm时，这会将事件连接起来...

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

实际上会触发提交事件

Answer 3

应该是这样的

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

而不是这个

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

Answer 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

兼容