JQuery .trigger('submit') breaking

Question

Im finding that because all the forms that Im working on have a submit button which inlcudes a \'name=\"submit\"\' attribute, that the trigger submit is breaking when I clic

Answer 1

You should build the link like this:

var link = $("<a />").addClass('swapLink')
           .atrr('href', '#')
           .text( $this.val() )
           .onclick( function() {
             $(f).trigger('submit');
             return false;
            });

Also make sure you insert the link into the DOM and that f really is a refrence to the form.

You could also try:

$(f).submit();

It would help if you posted the HTML used for your form.

Answer 2

It's because you've given your submit button a name of "submit". Because this is already a property of the form object, it messes with the binding of the submit event.

See this note from the jQuery docs:

Forms and their child elements should not use input names or ids that conflict with properties of a form, such as submit, length, or method. Name conflicts can cause confusing failures.

Change the name of your submit button to anything else ("form_submit", for example) and it'll work.

Answer 3

You'll have to use a different name for your button. "submit" is a reserved word, and using an element with the name "submit" will actually prevent jQuery from being able to submit your form at all.

You can find a workaround at http://manicode.blogspot.com/2009/04/form-input-names-with-reserved-words.html

Answer 4

$('#yourelementhere').trigger('click');

this worked for me... not submit but click.

Answer 5

if you can't change your html (for example because zend form are such smartasses...)

it's as easy as this(change the name with the javascript before trying to submit):

$('#submit').attr('name', 'stupid_javascript');