Question

我尝试了不同的方法但没有成功。谷歌搜索但无法找到此代码。

我想通过点击链接提交表单。下面是代码。链接单击被调用，但提交功能正在绕过。

<a id="Save" class="pageAddLink" href="#" title="Save Page Contents">Save Page</a>
<form action="/Home/Edit" id="first" method="post">
</form>


$(document).ready(function () {
    $("a.pageAddLink").live('click', function (ev) {
        ev.preventDefault();
        //$("form#first").submit(); //Only this is working fine but below code not
        $("form#first").submit(function (e) {
            e.preventDefault();
            alert("form submit called");
        });
    });
});

Answer 1

当您在click事件之外执行此操作时，您的代码将在单击链接时绑定表单提交逻辑。据我所知，您希望链接实际调用表单的submit事件，而不是声明submit事件应该如何表现：

$("form#theForm").submit(function(e){
   e.preventDefault();
   alert("Form Submitted"); 
});

$("a").live("click", function(e) { // is there a reason we're using $.live()?
   e.preventDefault();
   $("form#theForm").submit(); // Alerts: Form Submitted
});

演示：http://jsbin.com/iqegu4/edit

Answer 2

甚至更简单......

<a id="Save" 
   class="pageAddLink" 
   href="javascript: $('form#first').submit();return false;" 
   title="Save Page Contents">Save Page</a>

使用链接调用表单提交。需要帮忙

2 个答案: