CODEWITHSUNDEEP
javascriptjquery
Martney Acha
Martney Acha

Reputation: 3012

Multiple validation for same value in Jquery

I have this code to validate 2 input text, but how can I validate same input for dynamic intput text ? meaning input text quantity can be up to 100 or more.

<input type="text" id="id1" />
<input type="text" id="id2" />

$('input').blur(function() {
if ($('#id1').attr('value') == $('#id2').attr('value')) {
alert('Same Value');
return false;
} else { return true; }
});

Upvotes: 0

Views: 71

Answers (2)

Martney Acha
Martney Acha

Reputation: 3012

<input type="text" id="id1" onblur="validate()">
<input type="text" id="id2" onblur="validate()">
<p style="display: none">Test</p>

<script type="text/javascript">


function validate() {
    for (var i = 1; i <= 2; i++) {
        if ($('#id' + i).val() == $('#id' + (i - 1)).val()) {
           $( "p" ).show( "slow" );  return false;
        }
        else
        {
            $( "p" ).hide( 1000 );
        }
    }
    return true;
}

</script>

What I did is this hope someone can you this in future reference

Upvotes: -1

SharkofMirkwood
SharkofMirkwood

Reputation: 12661

If you want to check all the inputs are the same (I gather that's what you're trying to do) you could just loop through them by using a function like this:

function validate() {
    for (var i = 2; i <= 100; i++) {
        if ($('#id' + x).val() !== $('#id' + (x - 1)).val()) {
            return false;
        }
    }
    return true;
}

Of course, you may want to create inputs themselves using a loop too if you'll have that many on the page.

Upvotes: 2

Related Questions