How can I know the duplicate input element value using jquery?

Question

Im new to web dev and jQuery. I have input element binded with blur event.

This is my code:

// this are my input elements:
<input class="input_name" value="bert" />
<input class="input_name" value="king kong" />
<input class="input_name" value="john" />
<input class="input_name" value="john" />

<script>

    $(".input_name").bind("blur",function(){
          alert(findDuplicate($(this).val()));
    })

    function findDuplicate(value){
          var result = 0;
          $(".input_name").each(function{
                 if($(this).val == value){
                        result++;
                 }
          });
    }

</script>

my main problem is when i change bert to john it returns me 3 result. how would i exempt the event sender from being checked?

You have a couple of syntax errors in your code like $(this).val should be $(this).val() and function on each should have () at the end of function — Anton
– Anton, Commented Sep 30, 2013 at 15:17
@Anton The anonymous function passed to each does not need parentheses at the end. — user1726343
– user1726343, Commented Sep 30, 2013 at 15:18
@Asad I agree, I would just set result to -1 initially, though. You'll get a match on itself, taking it up to 0, then you see any actual duplicates in positive results. — DougJones
– DougJones, Commented Sep 30, 2013 at 15:19

Igor · Accepted Answer · 2013-09-30 15:20:33Z

2

Like others have mentioned, you've got a few syntax errors. Also, rather than explicitly iterating over all the inputs, you could just have jQuery find them for you using selectors:

$(".input_name").bind("blur",function(){
    alert(findDuplicate($(this).val()));
})

function findDuplicate(value){
    return $(".input_name[value='" + value + "']").length - 1;
}

answered Sep 30, 2013 at 15:20

Igor

34.3k14 gold badges83 silver badges116 bronze badges

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

6 Comments

Anton Over a year ago

That won't really work, since value attribute stays the same jsfiddle.net/Alfie/5sYQ3/1

Igor Over a year ago

@Anton What do you mean? That fiddle works for me as expected. OP didn't state that the values would change, so this should suffice.

Anton Over a year ago

That's true if the values don't change then it's all fine

Igor Over a year ago

@Anton Right, and given what we know about the problem, I think that's a valid solution.

Joey Estrada Over a year ago

then how could i change the background of other 2 input? btw thanks for the answer i think i need to explor jquery selector

|

Anton · Accepted Answer · 2013-09-30 15:24:40Z

1

$(".input_name").bind("blur", function () {
    alert(findDuplicate(this.value));
})

function findDuplicate(value) {
    var result = 0;
    $(".input_name").each(function(){
        if (this.value == value) {
            result++;
        }
    });
    return result - 1;
}

DEMO

answered Sep 30, 2013 at 15:24

Anton

32.6k5 gold badges47 silver badges54 bronze badges

Comments

logic-unit · Accepted Answer · 2013-09-30 15:22:40Z

0

Try this (untested):

$(".input_name").bind("blur",function(){
    var nth = $(this).index();
    alert(findDuplicate($(this).val(),nth));
})

function findDuplicate(value,nth){
      var result = 0;
      $(".input_name").each(function{
             if($(this).val == value && nth != index){
                    result++;
             }
      });
      return result;
}

answered Sep 30, 2013 at 15:22

logic-unit

4,31312 gold badges50 silver badges74 bronze badges

Collectives™ on Stack Overflow

How can I know the duplicate input element value using jquery?

3 Answers 3

6 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related