How to match an input value against data attribute

Question

I'm trying to match an input value against a data attribute but it doesn't seem to be working. Here's the code:

HTML:

<input value="" data-match="Training">

jQuery:

var wrd = $('.js-search-input').data('match');
$('.js-search-input').on('keyup keydown paste', function () {
    if ($(this).val().toLowerCase() === wrd) {
        $('.search-demo-text').show();
    }
});

Has anyone got any ideas on the best way to match the input value based on the data-* attribute.

jsFiddle: http://jsfiddle.net/JQ8Sa/1

@Karl-AndréGagnon - that's what I am not sure about, here's the fiddle: jsfiddle.net/JQ8Sa/1 — Stephen Jenkins
– Stephen Jenkins, Commented Jul 1, 2013 at 14:49

James Montagne · Accepted Answer · 2013-07-01 14:51:00Z

2

wrd is equal to "Training" in this case. You then compare the value in all lowercase to this string. Since "Training" is not lowercase, it will never match.

Also, your input doesn't have the class js-search-input as the code implies. Though I assume this is in place in your real code.

answered Jul 1, 2013 at 14:51

James Montagne

78.9k14 gold badges115 silver badges132 bronze badges

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

1 Comment

Stephen Jenkins Over a year ago

Yeah I updated the fiddle when I noticed that. Much appreciated!

Collectives™ on Stack Overflow

How to match an input value against data attribute

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related