Search jQuery

jQuery Forum

jQuery form plugin: Dynamic forms: How to bind?

in Using jQuery Plugins • 13 years ago

Hi,

How can I bind the jQuery form plugin to dynamically generated forms?

On my page I have a basic form (form#fm) with one input field and a submit button.

var options = { target: '#targ' };
$('form[id^="fm"]').submit(function() {
$(this).ajaxSubmit(options);
return false;
});

This works great until I start adding new forms.

Using this plugin:

jquery-dynamic-form

I can dynamically create a duplicate of my form (form id: #id2)
but when I submit the form just takes me to action location.

My question: How can I get the jquery form plugin to recognize
my dynamicly added html forms?

Any tips you folks could send my way would be spectacular! :)

Many thanks in advance!

Cheers,
Micky

Replies(1)

rgmicky

Re: jQuery form plugin: Dynamic forms: How to bind?

13 years ago

Ahh, I think I figured out a solution:

function doForm() {
$('form[id^="fm"]').ajaxForm({
target: '#targ',
success: function() {
$('#targ').fadeIn('slow');
}
});
}
$(document).ready(function() {
$("#fm").dynamicForm("#plus", "#minus", {limit:10, createColor: 'yellow',removeColor: 'red'});
$("#plus").click(function() { doForm(); return false; });
doForm();
});

Calling a function that binds the ajax form to the newly created <form> does the trick.

I am open to feedback.

Thanks!

Top Reply

Response title

Attachments

jQuery Forum

jQuery form plugin: Dynamic forms: How to bind?

Replies(1)

Re: jQuery form plugin: Dynamic forms: How to bind?

Statistics

Tags

Actions