jQuery Validate with multiples forms [duplicate]

Question

I have two forms without id, I could have more, when I try to validate with JQuery Validation Plugin It is successful but the message is placed always inside first form.

<form class="myform" action="http://www.google.com">
    <input type="text" name="mytext"/>
    <button class="mybutton">Send</button>
</form>
<form class="myform" action="http://www.google.com">
    <input type="text" name="mytext"/>
    <button class="mybutton">Send</button>
</form>

The JQuery Validation is

    <script>
        $(function () {
            $('.myform').validate({
                rules: {
                    mytext: 'required'
                },
                messages: {
                    mytext: 'Required field'
                }
            });
            $('.mybutton').click(function () {
                var form = $(this).closest('.myform');
                console.log("Action form is: " + form.attr('action'));
                form.valid();
            });
        });
    </script>

When I press the button, I know the validation is successful because the output is Action form is: http://stackoverflow.com when I press the first button, and Action form is: http://www.google.com when I press the second button.

Is there any way to place the error in the correct form?

Example in JSFiddle

Yes, I could but I must try to do only with class selector because my client doesn't want many changes. I think the problem is in the JQueryValidation plugin when It searches for the input in the form. — rvillablanca
– rvillablanca, Commented Sep 16, 2015 at 13:46

Artur Filipiak · Accepted Answer · 2015-09-16 13:44:33Z

1

You can use .each() loop:

$('.myform').each(function(){
    $(this).validate({
        rules: {
            mytext: 'required'
        },
        messages: {
            mytext: 'Required field'
        }
    });
});

JSFiddle

answered Sep 16, 2015 at 13:44

Artur Filipiak

9,1874 gold badges33 silver badges56 bronze badges

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

Collectives™ on Stack Overflow

jQuery Validate with multiples forms [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related