我尝试了不同的方法但没有成功。谷歌搜索但无法找到此代码。
我想通过点击链接提交表单。下面是代码。链接单击被调用,但提交功能正在绕过。
<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");
});
});
});
答案 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
});
答案 1 :(得分:0)
甚至更简单......
<a id="Save"
class="pageAddLink"
href="javascript: $('form#first').submit();return false;"
title="Save Page Contents">Save Page</a>