jQuery if input value exists in any other input field then do something

Question

I have a page of input fields used for data entry. No input field should have duplicates.

If a user enters "ABC" into an input field and tabs out the function should detect whether "ABC" exists in any other input field. If the value exists then an error message is displayed after each of the input fields, including the current input field.

If the value is changed (eg to "DBE") in any of these input fields and therefore, there are no duplicates then all messages should hide.

I am currently stuck with the following:

$("input[type='text']").on("keyup change", function() {
   var value = this.value;

    if ($("input[type='text']:contains('" + value"')").length > 1)
              {
                  $(this).find(".error").show();
              }
         else {
                  $(this).find(".error").hide();
               }
         }    
});

you should also tell people what you're "stuck" on. Like are you encountering a certain unwanted behaviour, does the page crash, etc. — domdomcodecode
– domdomcodecode, Commented Jan 20, 2016 at 4:55

domdomcodecode · Accepted Answer · 2016-01-20 04:59:41Z

1

You have an extra closing bracket in your code. Also, you need to have another + sign to join the string for value

$("input[type='text']").on("keyup change", function() {
    var value = this.value;

    // added another '+' sign here ---------------|
    if ($("input[type='text']:contains('" + value + "')").length > 1) {
        $(this).find(".error").show();
    }
    else {
        $(this).find(".error").hide();
    }
    // } <--- remove this.
});

edited Jan 20, 2016 at 4:59

answered Jan 20, 2016 at 4:56

domdomcodecode

2,4634 gold badges21 silver badges27 bronze badges

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

1 Comment

domdomcodecode Over a year ago

Thanks to @Shijin for pointing out the plus sign in one of the edits.

Collectives™ on Stack Overflow

jQuery if input value exists in any other input field then do something

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related