jQuery,用按钮提交表单

时间:2010-07-22 15:39:38

标签: jquery

我有一个表单,其中包含方法“POST”和action =“abc.php”以及按钮类型<input type ="button"> 我有一个处理程序,当我点击该按钮我想向abc.php发送请求但没有发生任何动作正在被执行。我不想将<input type ="button">更改为<input type="submit>。我怎么做提交表格。这是代码

<form name= "form1" id ="form1" action ="abc.php" method="post">
<input type ="button" id="mybutton" value ="Add"> 
......
//All form Elements.
</form>

$(document).ready(function() {
    //Load all elements
});
$("#mybutton").click(function(e){
    alert(true);
    //$("#frmpohdr").submit();
});

上述声明给出了错误,我知道我们需要提交按钮类型 这个方法。当我点击按钮时,如何将表单提交给abc.php。我已经尝试了所有$ .ajax方法

3 个答案:

答案 0 :(得分:8)

您是否尝试过准备好所有代码?

另外,如果表单的id是表单1,您应该这样做:

$("#form1").submit();

为了避免按钮默认的行为,您还应该在click的功能中添加此链接:

e.preventDefault();

我还建议您查看jQuery Form Plugin:http://jquery.malsup.com/form/

我希望我帮助过。)

答案 1 :(得分:3)

jq("#showDetail").click(function() {
            jq('#formName').submit();
});
<input type="button" id="showDetail" class="secondarybutton" value="Done" />

答案 2 :(得分:0)

您将通过HTML表单提交表单(即更改输入类型=提交) 或者你可以使用 $.post/$.ajax