Jquery form, nnlimited fields and validation on each row

Question

I have a html form, which like this:

I have 2 fields, name and email, and 2 buttons, "add row" and "submit".

When i click the "add row" button, it will create a new row with 2 new fields (name and email). I store the name and email in array: ...

Thus, user can ad unlimited rows. I want to have a validation, if the user fill in either name or email on the same row, i want the user to fill in another field, so that every row would have "name" and "email" filled.

How to validate that, if 1 of the field is filled, then the another field on the same row must be filled, in jquery??

Makram Saleh · Accepted Answer · 2009-07-16 07:29:36Z

2

First, let's assume that your rows are divs with a class="row", and the two fields also has classes as fname and femail.

Then, the script will be the following:

function oneFieldIsEmpty() 
{
    $(".row").each(function(){
        if($(this).find(".fname").val().length || $(this).find(".femail").val().length) {
            if(!$(this).find(".fname").val().length || !$(this).find(".femail").val().length) {
                return true;
            }
        }
    });
    return false;
}

answered Jul 16, 2009 at 7:29

Makram Saleh

8,6814 gold badges30 silver badges44 bronze badges

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

1 Comment

jingleboy99 Over a year ago

thanks for the code, really appreciate it, I will try asap. and let you know the resut. thanks again

AutomatedTester · Accepted Answer · 2009-07-16 07:30:42Z

0

You can use the jQuery form validation plugin since that allows you to create rules that can validate against other jQuery Selectors so you can use .nameclass + :input or .emailclass ~ :input

answered Jul 16, 2009 at 7:30

AutomatedTester

22.5k7 gold badges51 silver badges64 bronze badges

2 Comments

jingleboy99 Over a year ago

yeah, i am using jquery form validation, but seems like cant found what i wanted..

jingleboy99 Over a year ago

i am a javascript + jquery newbie and noob

Collectives™ on Stack Overflow

Jquery form, nnlimited fields and validation on each row

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related