Comments on: jQuery form Plugin and Return Key Submit

By: Anuj Gakhar

Anuj Gakhar — Fri, 18 Feb 2011 05:55:18 +0000

Thanks for the tip, Karl.

By: Karl

Karl — Wed, 16 Feb 2011 06:28:23 +0000

Thanks for the suggestion though. I think instead of using the ajaxSubmit(), if you just use ajaxForm() , that handles this as well. how to change your life

By: Mujtaba

Mujtaba — Thu, 04 Jun 2009 13:16:39 +0000

hi!!!
I am also using the form plugin for a contact form for my upcoming site…
Today i ran into a problem which has left me exhausted and searching for help…
Since my form is dynamically added i am binding the ajaxForm to my form using live()
here is the code:
$(“#submit-button”).live(“click”,function(){
$(“#form”).ajaxForm(options);
});
i am using beforeSubmit and Success to alert mesages stating “about to submit” and “submitted successfully” and the target value is set to #status
but the problem is , when the submit button is clicked for the first time i get both the messages from beforeSubmit and success, but nothing is sent to the server script and my status div becomes empty!!! But when u click the submit button second time it works!!! I’ve tried everything…I even tried ajaxSubmit instead of ajaxForm but that only messes up more!!!
Can u give any suggestions??? Plz.

By: Anuj Gakhar

Anuj Gakhar — Fri, 17 Apr 2009 13:51:46 +0000

Hey, I didnt know we were fighting:)

And yes, I agree to your alternative. It kinda makes sense to let anything trigger form submit and then the submit handler to worry about ajaxSubmit(). I could change that in my code.

By: Todd Rafferty

Todd Rafferty — Fri, 17 Apr 2009 13:48:00 +0000

Understood, but back up a sec. Let the buttons/links/images worry about submit() and let form submit() worry about ajaxSubmit().

Instead of trying to focus on what could possibly trigger the ajaxSubmit(), let the form worry about it. Your forms will be much more flexible if you do.

I guess that’s my .02 cents. I wasn’t trying to pick a fight or anything. You solved your issue, I was just trying to present another option.

By: Anuj Gakhar

Anuj Gakhar — Fri, 17 Apr 2009 13:44:21 +0000

Thats exactly what I did in my example , Todd.

$(‘.btnLogin’).click(function(){
$(‘.frmLogin’).ajaxSubmit(options);
return false; // prevent default behaviour
});

However, what you are suggesting would mean I will have to do the above and the .submit() binding as well. which is the same as the extra step of listening to the enter key, I think.

Thanks for the suggestion though. I think instead of using the ajaxSubmit(), if you just use ajaxForm() , that handles this as well. That just doesnt fit my situation as I have to validate before submit as well.

By: Todd Rafferty

Todd Rafferty — Fri, 17 Apr 2009 13:40:46 +0000

… Uh, you could $(‘img .class’).click(function(){ $(‘#myform’).submit(); }); ? You can make anything can trigger a form. You can make a link trigger a form.

That’s not what I was trying to help you with. I was trying to let you know that you don’t need to capture the “enter” key because all you care about is the attempt to submit a form.

By: Anuj Gakhar

Anuj Gakhar — Fri, 17 Apr 2009 13:38:08 +0000

Ok, but how would the form submit be triggered on the click of an Image? unless I had input type=’image’ …it wont…

By: Todd Rafferty

Todd Rafferty — Fri, 17 Apr 2009 13:32:44 +0000

No, you’re missing my point. Regardless of what triggers the submit, all you care is that the form was submitted.

That’s what the code catches. Image, Button, Enter Key… it doesn’t care other than the fact that the form was submitted. Only issue then would be is if javascript was turned off.

By: Anuj Gakhar

Anuj Gakhar — Fri, 17 Apr 2009 08:21:49 +0000

@Todd, that would work if I had a submit button in my form. I have an image which needs to trigger the form submit on click.