jQuery if input text equals var do something

Question

I have a form that calculates the sum of several input values (checkboxes and dropdowns - not user entered values). At the bottom of the form I have a "Discount Code" box, I want to be able to enter a code and it takes a set amount off the total.

With my code I am trying to say, if text entered = discount code, change the value of the input to 50. Here is what I have so far

var discountCode = 'DISTR50';
var codeEntered = $("input[name='discount']");

 if (discountCode = codeEntered) {
    $('#discount input').attr('value',50);
 }

and for the html:

<input type="text" id="discount" name="discount" class="txt"/>

sushil bharwani · Accepted Answer · 2013-09-10 13:03:10Z

5

if (discountCode == codeEntered) {
    $('input#discount').attr('value',50);
 }

Do not use = use either == or better ===

Also instead of using attr you can simple use val as suggested below and use input#discount as the correct selector and use val() to get the value


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

 if (discountCode == codeEntered) {
    $('input#discount').val('50');
 }

edited Sep 10, 2013 at 13:03

answered Sep 10, 2013 at 12:56

sushil bharwani

30.2k30 gold badges98 silver badges130 bronze badges

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

Comments

Jite · Accepted Answer · 2013-09-10 12:59:45Z

1

= is assignment, == or === is to check if something is equal to the other.

What is it you want to fetch from $("input[name='discount']")? Cause this will give you a jquery object, try $("input[name='dicount']").val(); to fetch value, ie something like:

if('DISTR50' == $("input[name='discount']").val()){
    $("#discount input").attr("value", 50);
}

answered Sep 10, 2013 at 12:59

Jite

5,8772 gold badges28 silver badges40 bronze badges

Comments

Reinstate Monica Cellio · Accepted Answer · 2013-09-10 13:00:12Z

1

Just a couple of minor issues...

var discountCode = 'DISTR50';
var codeEntered = $("#discount").val();

if (discountCode == codeEntered) {
    $('#discount').val(50);
}

Notice I added .val() to to get and set values of inputs, and changed the if statement to use == instead of =.

I also used the ID of the input element, as this will be quicker than looking for an input by name.

answered Sep 10, 2013 at 13:00

Reinstate Monica Cellio

26.2k6 gold badges54 silver badges67 bronze badges

Comments

Bibhu · Accepted Answer · 2013-09-10 12:57:18Z

0

Try this

var discountCode = 'DISTR50';
var codeEntered = $("input[name='discount']");

 if (discountCode === codeEntered) {
    $('#discount').val('50');
 }

answered Sep 10, 2013 at 12:57

Bibhu

4,1014 gold badges35 silver badges64 bronze badges

Comments

Dhaval Marthak · Accepted Answer · 2013-09-10 13:00:52Z

0

You can't compare object with values

You need to do like this:

var discountCode = 'DISTR50';
var codeEntered = $("input[name='discount']").val(); <-- .val()

The code you are writing returns object in codeEntered variable, you should use .val() to get the value of that object.

And for the comparision use == or === (for strict comparison)

answered Sep 10, 2013 at 13:00

Dhaval Marthak

17.4k6 gold badges48 silver badges69 bronze badges

Collectives™ on Stack Overflow

jQuery if input text equals var do something

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related