CODEWITHSUNDEEP
javascriptjquery
jjj
jjj

Reputation: 123

jQuery input value not working

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?

Upvotes: 1

Views: 2021

Answers (5)

Neeraj
Neeraj

Reputation: 1806

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

Upvotes: 1

Anup
Anup

Reputation: 3353

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

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

Upvotes: 0

softvar
softvar

Reputation: 18485

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

Upvotes: 1

GautamD31
GautamD31

Reputation: 28773

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

Upvotes: 7

Harry
Harry

Reputation: 89780

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

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

Upvotes: 1

Related Questions