web-dev-qa-db-fra.com

Comment vérifier si une zone de texte est vide en Javascript ou Jquery?

Comment vérifier si une zone de texte ne contient rien?

J'ai essayé avec ce code

if(document.getElementById("field").value ==null)
{
    alert("debug");
    document.getElementById("field").style.display ="none";
 }

Mais il ne fait pas ce que j'attends. Je m'attends à ce qu'il apparaisse une boîte de message "debug" et que la zone de texte ne soit pas affichée.

Comment puis-je résoudre ce problème?

javascriptjqueryjavascript-events
18
streetparade

Vous voulez vérifier si la valeur est == "", pas NULL.

if(document.getElementById("field").value == '')
{
    alert("debug");
    document.getElementById("field").style.display ="none";
}

[~ # ~] mise à jour [~ # ~]

A exemple de travail

Et n autre utilisant TRIM au cas où vous voudriez vous assurer qu'ils ne publient pas d'espaces

Implémentation pour TRIM ()

String.prototype.trim = function() {
  return this.replace(/^\s+|\s+$/g,"");
}
30
Marcos Placona

Vous pouvez également utiliser jQuery pour échapper aux espaces blancs.

if($("#YourTextAreaID").val().trim().length < 1)
{
    alert("Please Enter Text...");
    return; 
}
6
isuru

Il y a un monde de différence entre null et vide!

Essayez plutôt ceci:

if(document.getElementById("field").value == "")
{
    alert("debug");
    document.getElementById("field").style.display ="none";
}
0
Sarfraz