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

但是当点击提交按钮时，没有任何反应。

我尝试了下面的代码以查看是否正确映射，结果正常。

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

提交表单时，我是否漏掉了什么？

- user2067567

---

请查看以下链接：http://stackoverflow.com/questions/15759004/submit-form-through-trigerring-jquery-submit-button-not-working - Jobert Enamno

是的，我已经点赞了。 - user2067567

Answer 1

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

- Deepu

---

点击和提交有什么区别？ - user2067567

Answer 2

你是否在提交表单时，页面重新加载并且控制台日志被清除了？

另外，为了澄清一下...

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

这将使得一个事件在提交sampleForm时执行某些操作...

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

实际上会触发提交事件

- Zach

Answer 3

应该是这样的。

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

不要用这个

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

- user2007801

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

- andres descalzo