How do I find out if an input with a certain name exists in a certain form?

Question

I have an onclick event on all forms on the page:

$('form[method="post"]').click(function() {
    if($('textarea[name="serialized_data"]').length > 0) {
            alert("serialize_data already exists in this form!");
            return false;
        }
        var data=$(this).serialize();
        $(this).append('<textarea name="serialized_data">'+(data)+'</textarea>'); 
});

If you press a submitbutton and then on the target page press back in the browser, then this alert comes up.

But this solution stops on all forms.

How can I apply the alert only on the form that submitbutton was already pressed?

If you wonder why I input all data in that textarea, that is another question: compact all form-data with javascript

Jason P · Accepted Answer · 2013-10-03 19:36:19Z

1

You're selecting all textareas anywhere, instead of those within the clicked form. Try this:

$('textarea[name="serialized_data"]', this)

That restricts the selector to the context of this, which is the form.

answered Oct 3, 2013 at 19:36

Jason P

27k3 gold badges34 silver badges45 bronze badges

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

1 Comment

rubo77 Over a year ago

thanks, that was what I was searching for. It works!

Collectives™ on Stack Overflow

How do I find out if an input with a certain name exists in a certain form?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related