jQuery if input text equals do something

Question

If a user types the correct word a function should be called. Currently i have this jQuery Snippet

..
<input type="text" id="code" name="code" placeholder="code">
...
<script>
$(function () {

    var discountCode = 'test4';
    var codeEntered = $("input[name='code']").val();


    $("#subbtn").on("click", function () {

        if (discountCode == codeEntered) {
            alert("RIGHT!");
        } else {
            alert("WRONG!");
        }

    });

});
</script>

But i get always "WRONG" even if i type "test4". What do i wrong ?

Daniel Falabella · Accepted Answer · 2015-04-29 20:58:07Z

1

You need to get the value of codeEntered after you click.

Here is the corrected code:

$(function () {
  $("#subbtn").on("click", function () {
    var codeEntered = $("input[name='code']").val();

    if (discountCode == codeEntered) {
        alert("RIGHT!");
    } else {
        alert("WRONG!");
    }
  });
});

answered Apr 29, 2015 at 20:58

Daniel Falabella

5784 silver badges13 bronze badges

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

Comments

Bruno Calza · Accepted Answer · 2015-04-29 20:57:48Z

1

The code var codeEntered = $("input[name='code']").val(); should be inside the event handler.

$("#subbtn").on("click", function () {

    var codeEntered = $("input[name='code']").val();

    if (discountCode == codeEntered) {
        alert("RIGHT!");
    } else {
        alert("WRONG!");
    }

});

answered Apr 29, 2015 at 20:57

Bruno Calza

2,8002 gold badges25 silver badges26 bronze badges

Comments

Sergio Vilchis · Accepted Answer · 2015-04-29 20:56:07Z

0

Try using localecompare

discountCode.localeCompare(codeEntered)

answered Apr 29, 2015 at 20:56

Sergio Vilchis

3222 gold badges4 silver badges17 bronze badges

1 Comment

user3633186 Over a year ago

Then i get always right no matter what i type .. It should only be right if i type "test4".

Collectives™ on Stack Overflow

jQuery if input text equals do something

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related