jQuery input value not working

Question

Have looked for a solution to this but not found one.

$(document).ready(function() {
    if ($("input").value()) {
        $("h1").hide();
    }
}

So this does not seem to be working ( $("h1").hide() is just a placeholder action... that part is not important, the problem is that the if statement is not working).

There is one form on the page, <input type=text>. I want to make it so that at all times, if there is any text in the input box a certain state is applied. If the input box returns to empty then the state is removed.

There are quite a few other functions inside the $(document).ready function which I omitted due to clarity... but as far as the scope of where the if statement lies it is directly inside of the document.ready function. P.S. The form is shown and hidden dynamically, but it is hard coded -- it is not being created dynamically.

What is wrong with where I have this if statement located?

besides using val() instead of value() you would need to bind to the keyup or change event on the input to check when the value is added/removed — omma2289
– omma2289, Commented Aug 16, 2013 at 7:31

GautamD31 · Accepted Answer · 2013-08-16 07:38:40Z

7

Try with .val() like

$(document).ready(function(){
    if ($("input").val()) {
        $("h1").hide();
    }
});

Better you use either name or id or class names as selectors.Because input can be of any number and they also includes checkboxes,radio buttons and button types

edited Aug 16, 2013 at 7:38

answered Aug 16, 2013 at 7:28

GautamD31

28.8k10 gold badges66 silver badges86 bronze badges

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

Comments

Harry · Accepted Answer · 2013-08-16 07:29:07Z

1

In jQuery you have to use .val() method and not .value(). Your check should be as follows:

if ($("input").val()) {
 $("h1").hide();
}

answered Aug 16, 2013 at 7:29

Harry

90.1k26 gold badges216 silver badges224 bronze badges

Comments

softvar · Accepted Answer · 2013-08-16 07:49:35Z

Unlike .value() in JS, ther's .val() in JQuery.

$(document).ready(function() {
    if ($("input").value()) {
      $("h1").hide();
    }
});

You should use keyup to know when a key is added/removed from the textbox

$(document).ready(function() {
    $("#input_data").keyup(function() {
        var dInput = $(this).val();
        alert(dInput);

    });
});

DEMO

NOTE: Since input can be of any number and checkboxes, radio buttons and button types all are included within the HTML input tag, You should use either name or id or class names as **selectors**.

input[type=text]

or, to restrict to text inputs inside forms

form input[type=text]

or, to restrict further to a certain form, assuming it has id myForm

#myForm input[type=text]

If You want a multiple attribute selector

$("input[type='checkbox'][name='ProductCode']")
//assuming input type as checkbox and name of that input being ProductCode

Harry · Accepted Answer · 2013-09-28 04:36:45Z

1

.value() is invalid. You should use .val() instead of .value(). Hope it will make it work?

edited Sep 28, 2013 at 4:36

Harry

90.1k26 gold badges216 silver badges224 bronze badges

answered Aug 16, 2013 at 7:30

Neeraj

1,8062 gold badges19 silver badges35 bronze badges

Comments

softvar · Accepted Answer · 2013-08-16 07:54:29Z

0

You should use val at the place of value and the solution is :

$(document).ready(function() {
    if ($("input").val()) {
      $("h1").hide();
    }
});

edited Aug 16, 2013 at 7:54

softvar

18.6k13 gold badges58 silver badges77 bronze badges

answered Aug 16, 2013 at 7:48

Anup

3,3611 gold badge30 silver badges39 bronze badges

Collectives™ on Stack Overflow

jQuery input value not working

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