Check if textbox has empty value

Question

I have the following code:

var inp = $("#txt");

if(inp.val() != "")
// do something

Is there any other way to check for empty textbox using the variable 'inp'

Answer 1

if (inp.val().length > 0) {
    // do something
}

if you want anything more complicated, consider regex or use the validation plugin which takes care of this for you

Answer 2

var inp = $("#txt").val();
if(jQuery.trim(inp).length > 0)
{
   //do something
}

Removes white space before checking. If the user entered only spaces then this will still work.

Answer 3

if ( $("#txt").val().length > 0 )
{
  // do something
}

Your method fails when there is more than 1 space character inside the textbox.

Answer 4

Use the following to check if text box is empty or have more than 1 white spaces

var name = jQuery.trim($("#ContactUsName").val());

if ((name.length == 0))
{
    Your code 
}
else
{
    Your code
}

Answer 5

$('input:text').filter(function() { return this.value.length > 0; });

Answer 6

if ( $("#txt").val().length == 0 )
{
  // do something
}

I had to add in the == to get it to work for me, otherwise it ignored the condition even with empty text input. May help someone.

Answer 7

Also You can use

$value = $("#txt").val();

if($value == "")
{
    //Your Code Here
}
else
{
   //Your code
}

Try it. It work.

Answer 8

The check can be done like this:

if (!!inp.val()) {

}

and even shorter:

if (inp.val()) {

}