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

时间:2011-05-31 04:12:20

标签: jquery

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

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

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

2 个答案:

答案 0 :(得分:2)

当您在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

答案 1 :(得分:0)

甚至更简单......

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