jquery validation plugin for dynamic element ID

Question

I need to validate bunch of text boxes which has dynamic ID. The elements are available on document ready, not dynamically inserted.

<input type="text" class="y"/>
<input type="text" class="y"/>
<input type="text" class="y"/>
<input type="text" class="y"/>
<input type="text" class="y"/>

The rule is that one of the first two field is required. I'm lost how to validate without knowing ID of the element.

EDIT: Input elements are generated by loop so I cant add class required for first two. I'm looking for a solution using jquery Validation plugin http://docs.jquery.com/Plugins/Validation

What criteria do you choose which one needs to be validated? — Asherlc
– Asherlc, Commented Dec 24, 2012 at 7:05
Always first 2 to be validated. I skipped name and other attributes for clarification. — Amitava
– Amitava, Commented Dec 24, 2012 at 8:59

Milind Anantwar · Accepted Answer · 2012-12-24 08:31:19Z

2

try this

$(document).ready(function() {
if($('input:text:eq(0)').val()=="" && $('input:text:eq(1)').val()==""){
 //show error
}
});

edited Dec 24, 2012 at 8:31

answered Dec 24, 2012 at 7:07

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

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

5 Comments

charlietfl Over a year ago

there is no :second selector use :eq(index) selector or eq(index) method

charlietfl Over a year ago

close...needs to be one or other is valid... so use || instead of && in the if and input doesn't have text() method..use val()

Milind Anantwar Over a year ago

@charlietfl:but he wants either one of them is mandatory...then im guessing that if both fields are empty,it should throw error?

charlietfl Over a year ago

oops..my bad.. you are right.. small hours of the morning here

Sparky Over a year ago

OP says he's looking for solution using jQuery Validate plugin.

charlietfl · Accepted Answer · 2012-12-24 09:01:56Z

2

Following uses filter to create collection of the 2 inputs that value is not empty.. Testing the length provides a validity test

var valid=$('input').slice(0,2).filter(function(){
   return $(this).val() !='';
}).length

if(valid){
  /* can submit*/
}

Solution for validation plugin:

 $('input:lt(2)').addClass('required');

NOTE: adjust selector to fit form better so it doesn't find every input in page, or inputs in form that are not part of the collection you want to validate. you could wrap these inputs in a fieldset and give fieldset an ID

edited Dec 24, 2012 at 9:01

answered Dec 24, 2012 at 7:17

charlietfl

172k14 gold badges125 silver badges154 bronze badges

1 Comment

charlietfl Over a year ago

OK...that's simple enough by adding class required. I updated answer. You can use classes with validation plugin, or write rules object.

coolguy · Accepted Answer · 2012-12-24 07:11:19Z

1

$(document).ready(function() {
if($('input:text:lt(2)').val()=="" ){
 //error 
}
});

answered Dec 24, 2012 at 7:11

coolguy

7,9549 gold badges48 silver badges72 bronze badges

1 Comment

charlietfl Over a year ago

won't quite work val() will only return value of first element

Josep · Accepted Answer · 2012-12-24 07:14:19Z

1

I think that what you want is this:

function isValid(){
    var cont=0;
    $('input:text').each(function(i, obj) {
        if(i<2 && obj.value){
             cont++; 
        }
      });
    return cont==2;
}

answered Dec 24, 2012 at 7:14

Josep

13.1k2 gold badges44 silver badges45 bronze badges

Comments

Surinder ツ · Accepted Answer · 2012-12-24 09:09:39Z

1

try This :

You can do it using :lt(); like this:

$("form input:lt(2)");

This selects all elements that match at less-than the passed index, the first and second elements are index 0 and 1, and will match this selector :)

edited Dec 24, 2012 at 9:09

answered Dec 24, 2012 at 7:17

Surinder ツ

1,7883 gold badges17 silver badges27 bronze badges

Collectives™ on Stack Overflow

jquery validation plugin for dynamic element ID

5 Answers 5

5 Comments

1 Comment

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

5 Comments

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related