Verifique se a caixa de texto tem um valor vazio

90

Eu tenho o seguinte código:

var inp = $("#txt");

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

Existe alguma outra maneira de verificar a caixa de texto vazia usando a variável 'inp'

KJai
fonte
1
você deve verificar usando trim também?
Sarawut Positwinyu
2
Por que inp.val() != ''não é adequado?
Matteo Tassinari

Respostas:

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

se você quiser algo mais complicado, considere regex ou use o plugin de validação que cuida disso para você

wiifm
fonte
6
você não precisa de> 0 neste caso, tanto quanto eu posso dizer. se o comprimento for 0, será como if (0) e a condição falhará.
icarus
ou simplesmente if (inp.val ())
ejaenv
95
var inp = $("#txt").val();
if(jQuery.trim(inp).length > 0)
{
   //do something
}

Remove o espaço em branco antes de verificar. Se o usuário inseriu apenas espaços, isso ainda funcionará.

Grimmy
fonte
3
É a solução perfeita!
shasi kanth
1
@Grimmy Eu gosto do fato de você incluir trim. Isso torna esta resposta completa.
MadushM
6
Por que não ser consistente? Use $ou, jQuerymas por que ambos?
user2019515
16
if ( $("#txt").val().length > 0 )
{
  // do something
}

Seu método falha quando há mais de 1 caractere de espaço dentro da caixa de texto.

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

Use o seguinte para verificar se a caixa de texto está vazia ou tem mais de 1 espaço em branco

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

if ((name.length == 0))
{
    Your code 
}
else
{
    Your code
}
KAPIL SHARMA
fonte
5
Existe uma razão especial para ter dois pares de chaves nisso if?
Pedro Moreira
5
if ( $("#txt").val().length == 0 )
{
  // do something
}

Tive de adicionar == para fazê-lo funcionar para mim, caso contrário, ele ignorou a condição, mesmo com a entrada de texto vazia. Pode ajudar alguém.

Ricky Odin Matthews
fonte
4

Você também pode usar

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

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

Tente. Funciona.

Engenheiro de software
fonte
4

A verificação pode ser feita assim:

if (!!inp.val()) {

}

e ainda mais curto:

if (inp.val()) {

}
simhumileco
fonte