2013-01-31 5 views
1

Bonjour, je suis nouveau sur javascript.javascript champ vide validation du formulaire ne fonctionne pas

Je suis en train de mettre en œuvre une certaine forme javascript validation Je suis en train d'utiliser la technique utilisée ici: http://www.w3schools.com/js/tryit.asp?filename=tryjs_form_validation à tester pour le champ vide sous la forme et à l'aide d'une alerte pour avertir les utilisateurs Mais il est pas un travail pour moi Quand je soumettre un formulaire vide produit au fichier jsp et le javascript n'attrape pas l'erreur

voici mon fichier index.html où la forme est

<html> 
    <body> 
    <head> 
    <script> 
     function validateForm() 
     { 
      var stoneField=document.forms["bmiForm"]["stone"].value; 
      var poundsField=document.forms["bmiForm"]["pounds"].value; 
      var kgsField=document.forms["bmiForm"]["kgs"].value; 
      var feetField=document.forms["bmiForm"]["feet"].value; 
      var inchesField=document.forms["bmiForm"]["inches"].value; 

      if (stoneField = null || stoneField = "" && poundsField = null || poundsField = "" && kgsField = null || kgsField = "" && feetField = null || feetField = "" && inchesField = null || inchesField = "") 
      { 
       alert("Please enter a weight and height"); 
       return false; 
      } 
      else 
      { 

      return true; 
      } 
     } 
    </script> 
</head> 
<form name ="bmiForm" action="PrintBMI.jsp" onsubmit="return validateForm()" method=post style="width:250px;"> 
    <fieldset> 
    <legend>BMI Calculator</legend> 
    <h3>Enter your weight</h3> 
    Stone <input type = text name = "stone" size = 1 maxlength = 2> 
    Pounds <input type = text name = "pounds" size = 1 maxlength = 2> 
    <br> 
    <strong>OR</strong> 
    <br> 
    KGs <input type = text name = "kgs" size = 1 maxlength = 3> 

    <h3>Enter your height</h3> 
    Feet <input type = text name = "feet" size = 1 maxlength = 1> 
    Inches <input type = text name = "inches" size = 1 maxlength = 2> 
    <br> 
    <strong>OR</strong> 
    <br> 
    Metres <input type = text name = "metres" size = 1 maxlength = 4> 
    <p><input type=submit value = "Get BMI"> 
    </fieldset> 
</form> 
</body> 
</html>' 

est-ce qu'un nyone voir ce que je fais mal. Merci pour votre temps.

+0

Il y a beaucoup d'erreurs sur votre partie html comme type = text au lieu de type = "text". encore comparer comme "stoneField == null". utilisez "==" au lieu de "=". – polin

Répondre

1

Remplacer =-=== dans ce code:

if (stoneField = null || stoneField = "" && poundsField = null || poundsField = "" && kgsField = null || kgsField = "" && feetField = null || feetField = "" && inchesField = null || inchesField = "") 

En savoir plus sur Comparison Operators

+0

Merci. Mon visage est rouge après avoir réalisé mon erreur! –

0
if (stoneField = null || stoneField = "" && poundsField = null || poundsField = "" && kgsField = null || kgsField = "" && feetField = null || feetField = "" && inchesField = null || inchesField = "") 
     { 
      alert("Please enter a weight and height"); 
      return false; 
     } 

Utilisez === intérieur si, non =

0

USE == pour comparer la valeur.

remplacez ci-dessous le bloc de code dans votre code.

if (stoneField == null || stoneField == "" && poundsField == null || poundsField == "" && kgsField == null || kgsField == "" && feetField == null || feetField == "" && inchesField == null || inchesField == "") 
Questions connexes