jQuery, submit form with a button

Question

I have a form which contains the method "POST" and action ="abc.php" and button type of <input type ="button"> I have a handler when i cick that button i want to send a request to abc.php but nothing is happening no action is being prformed.I dont want to change the <input type ="button"> to <input type="submit>.How do i submit the Form .Here is the code

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

The Above Statement is giving error and i know we need to have button type of submit for this method.How do i submit the Form to the abc.php when i click the button .I have tried all $.ajax methods

ozke · Accepted Answer · 2010-07-26 10:15:14Z

8

Have you tried putting all the code inside ready?

Also, if the form's id is form 1 you should do this:

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

And to avoid the buttons default's behaviour you should also add this link inside click's function:

e.preventDefault();

I also recommend you having a look at jQuery Form Plugin: http://jquery.malsup.com/form/

I hope i helped :)

edited Jul 26, 2010 at 10:15

answered Jul 22, 2010 at 15:46

ozke

1,6204 gold badges26 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

GalacticCowboy Over a year ago

"if the form's id is form1" - the # selector in jQuery is for ids, not names.

kiran vennampelli · Accepted Answer · 2012-08-22 11:32:54Z

3

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

answered Aug 22, 2012 at 11:32

kiran vennampelli

311 bronze badge

Comments

btrandom · Accepted Answer · 2010-07-22 15:49:10Z

0

You will either submit the form through the HTML form (i.e. change the input type = submit) Or you could use the $.post/$.ajax

answered Jul 22, 2010 at 15:49

btrandom

1183 bronze badges

1 Comment

Sulthan Allaudeen Over a year ago

The question is about submitting the form using button and its not good to suggest to change the attribute to submit

Collectives™ on Stack Overflow

jQuery, submit form with a button

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related