表单提交使用jquery和mvc

我正在尝试使用jQuery提交表单。我下面表单提交使用jquery和mvc

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

在提交表单什么我失踪？

来源

2013-04-11 user2067567

检查这个http://stackoverflow.com/questions/15759004/submit-form-through-trigerring-jquery-submit -button-not-working – 2013-04-11 08:59:46

是的我upvoted已经准备好 – user2067567 2013-04-17 05:55:43

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

来源

2013-04-11 09:05:10

什么差异点击或提交？ – user2067567 2013-04-11 09:09:03

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

而且，我只想澄清......

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

此线了一个事件sampleForm提交时做的东西......

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

实际上触发提交事件

来源

2013-04-11 12:42:03 Zach

它应该是这样的

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

取而代之的是

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

来源

2013-04-11 17:50:27

这是标签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

来源

2013-04-12 13:09:17

表单提交使用jquery和mvc

回答

相关问题