using multiple id in jquery

Question

I made little jquery script for checking if input box value bigger than 5 .but I have 2 tag with an id and only one of them works.

<div id="register">
    <form id="register">
<input id="first" type="text" /> <a id="first" ></a> <br />
    <input id="second" type="text" /> <a id="second" ></a>

</form>

$('input').keyup(function(){
if($(this).val().length<5)
   {
  $('a.first').text("Please fill"); 
   }
if($(this).val().length<5){
     $('a.second').text("Please fill"); 
   }
});

But it shows only first <a id="first"></a> tag. Second tag not visible

You should never have two IDs with the same name.

MoDFoX
– MoDFoX

2010-08-29 17:30:43 +00:00
Commented Aug 29, 2010 at 17:30 — MoDFoX
– MoDFoX, Commented Aug 29, 2010 at 17:30

Pat · Accepted Answer · 2010-08-29 17:28:37Z

1

You just need to change your <a>'s to use classes:

<div id="register">
    <form id="register">
       <input id="first" type="text" /> <a class="first" ></a> <br />
       <input id="second" type="text" /> <a class="second" ></a>
    </form>
</div>

The jQuery selectors you're using:

$('a.first')
$('a.second')

Are looking for an <a> with a class. If you were trying to look for an <a> with an id, they would need to be as follows:

$('a#first')
$('a#second')

answered Aug 29, 2010 at 17:28

Pat

25.7k6 gold badges73 silver badges68 bronze badges

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

Comments

Nikola Sivkov · Accepted Answer · 2010-08-29 17:32:23Z

1

change the ID of register , its not correct to have two identical ID's in the same page , after that everything should be working fine

cheers

answered Aug 29, 2010 at 17:32

Nikola Sivkov

2,8523 gold badges37 silver badges63 bronze badges

Comments

Ian Davis · Accepted Answer · 2010-08-30 05:07:37Z

0

Agreed with not having duplicate id's. Easier to keep track of, and cleaner code. My two cents :), after having to refactor a chunk of code at work recently that had duplicate id's that failed to work in IE. Lesson learned!

answered Aug 30, 2010 at 5:07

Ian Davis

19.5k30 gold badges91 silver badges136 bronze badges

Collectives™ on Stack Overflow

using multiple id in jquery

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related