ansaurus

Question

jquery form plugin & programmatic submit

Answer 1

A:

You may also need to return false immediately after triggering the form submit button from the non-form submit button click event code. For example:

<script type="text/javascript">
  $(function() {
    $('#form').ajaxForm({ target: $('#span') });
    $('#submit2').click(function() { $('#submit').click(); return false; });
  });
</script>

It works for me. Is that what you are looking for?

ayaz 2009-02-12 06:09:37

really, it worked for you? Didn't make any difference when I tried your suggestion. Clicking submit2 caused the page to reload showing only the ajax result content (input field goes away)

Scott Evernden 2009-02-12 06:38:32

Answer 2

A:

Have you tried giving a name to the form, and instead of

$('#submit2').click( function() { $('#submit').click(); } );

doing

$('#submit2').click( function() { document.myForm.submit(); } );

That should do the same thing as having the submit button clicked if the form has been ajaxified.

Click Upvote 2009-02-12 06:59:35

the jquery.form plugin binds functionality to the submit button's click event, so submitting the form directly doesn't work

Scott Evernden 2009-02-12 15:43:22

Answer 3

+1 A:

Hi Scott,

I managed to solve a similar situation to yours. If the only objective of simulating a click on submit1 is to submit the form, you might try:

$('#submit2').click(function() {
    $('#form').trigger('submit');
});

karim79 2009-02-24 21:23:04

ansaurus

tags:

views:

answers:

jquery form plugin & programmatic submit

related questions