0
votes

JavaScript GetElementyID - Erreur dans le code JavaScript (champ est laissé vide mais ne tourne pas rouge sur clic)

J'ai le code JavaScript suivant, il semble être correct.

Je veux simplement, sur le bouton Cliquez sur le bouton, pour l'arrière-plan de la zone de texte pour tourner 'rouge', si la zone de texte est laissée en blanc. p>

peut signaler l'erreur dans le code ci-dessous. p>

p>

<body>
   NAME:<INPUT TYPE="Text" SIZE="15" VALUE="" ID="textbox_1" />
   <INPUT TYPE="Button" VALUE="SEND" onClick="Validate()" />
</body>


0 commentaires

3 Réponses :


1
votes

Matchs majuscules / minuscules (dans le nom de la fonction). Vous devez également comparer contre la chaîne vide non vide espace:

p>

<script>
  function validate(){
    var el = document.getElementById("textbox_1");
    if (el.value.trim()==''){
      el.style.backgroundColor='red'; 
    }
    else{
      el.style.backgroundColor=''; 
    }
  }
</script>
NAME:<INPUT TYPE="Text" SIZE="15" VALUE="" ID="textbox_1">
<INPUT TYPE="Button" VALUE="SEND" onClick="validate()">


2 commentaires

Merci - la valeur.trim () en particulier est utile.


@MissCompuPutation, vous êtes le bienvenu, c'est toujours une bonne pratique d'utiliser couper () avant de comparer la valeur :)



1
votes

Vous avez écrit le nom de la fonction de fonction mal

p>

NAME:<input type="Text" size="15" value="" id="textbox_1">
<input type="Button" value="SEND" onClick="validate()">


0 commentaires

1
votes

Nom de la fonction sera validé non validé.html Nom de la fonction majuscule Valider / minuscule dans Valider JS

P>

<!DOCTYPE HTML>
<HTML>
<head>

</head>
<body>
NAME:<INPUT TYPE="Text" SIZE="15" VALUE="" ID="textbox_1">
<INPUT TYPE="Button" VALUE="SEND" onClick="validate()">
</body>
</html>


0 commentaires