Problème d'apprentissage

Erreur de code

Sujet résolu

11 février 2010 à 11:42:16

Bonjour amis 0 !
Voilà j'ai acheté un livre de Javascript mais il n'est pas aussi riche en explication que les tutos de M@teo

!
Et par rapport à un premier code j'ai voulu créer une condition que si tous les formulaires n'étaient pas remplies on envoyait un message d'erreur.

Voici le premier code d'exemple du livre :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Teste</title>
<script type="text/Javascript">
//<![CDATA[
window.onload=setupEvents;
function setupEvents(evnt) {
    document.someForm.onsubmit=checkForm;
  }
function checkForm(evnt) {
var opts = document.someForm.selectOpts.options;
for (var i = 0; i < opts.length; i++) {
 if (opts[i].selected)  {
   alert(opts[i].text + "" + opts[i].value);
    }
  }
 // Pas de traitement côté serveur : annuler l'envoi.
 return false;
}
//]]>
</script>
</head>
<body>
<form name="someForm">
<select name="selectOpts" multiple>
<option value="Opt1">Option Un</option>
<option value="Opt2">Option Deux</option>
<option value="Opt3">Option Trois</option>
</select>
<input type="submit" value="Envoyer" />
</form>
</body>
</html>

Et voici mon code à moi :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Teste</title>
<script type="text/Javascript">
//<![CDATA[
window.onload=setupEvents;
function setupEvents(evnt)
  { 
    document.someForm.onsubmit=checkForm;
  }
function checkForm(evnt) 
   {
var Nom = document.someForm.selectNom.text;
var Age = document.someForm.selectAge.text;
var Com = document.someForm.selectCom.text;
 if (Nom == "0")
    { 
   alert(" Le champ Nom n'est pas remplie ! ");
    }
 else if (Age == "0")
    { 
   alert(" Le champ Age n'est pas remplie ! ");
    }
 else (Com == "0")
    { 
   alert(" Le champ Commentaire n'est pas remplie ! ");
    }
	// Pas de traitement côté serveur : annuler l'envoi.
 return false;
  }
//]]>
</script>
</head>
<body>
<form name="someForm">
<input type="text" name="Nom" value="0" />
<input type="text" name="Age" value="0" />
<input type="text" name="Com" value="0" />
<input type="submit" value="Envoyer" />
</form>
</body>
</html>

Pouvez-vous me donner des explications ?
Merci d'avance

Golmote

11 février 2010 à 11:49:31

Aux lignes 14, 15 et 16, utilises ".value" et non pas ".text"

Miratons

11 février 2010 à 11:55:29

Merci à toi mais malgré ".value" aucun message d'erreur n'est envoyé lorsque un champ n'est pas rempli.

Je remets mon code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Teste</title>
<script type="text/Javascript">
//<![CDATA[
window.onload=setupEvents;
function setupEvents(evnt)
  { 
    document.someForm.onsubmit=checkForm;
  }
function checkForm(evnt) 
   {
var Nom = document.someForm.selectNom.value;
var Age = document.someForm.selectAge.value;
var Com = document.someForm.selectCom.value;
 if (Nom == "0")
    { 
   alert(" Le champ Nom n'est pas remplie ! ");
    }
 else if (Age == "0")
    { 
   alert(" Le champ Age n'est pas remplie ! ");
    }
 else (Com == "0")
    { 
   alert(" Le champ Commentaire n'est pas remplie ! ");
    }
	// Pas de traitement côté serveur : annuler l'envoi.
 return false;
  }
//]]>
</script>
</head>
<body>
<form name="someForm">
<input type="text" name="Nom" value="0" />
<input type="text" name="Age" value="0" />
<input type="text" name="Com" value="0" />
<input type="submit" value="Envoyer" />
</form>
</body>
</html>

Je me pose une quetion si le problème ne vient pas de ".selectedNom." sa ne rait pas ".elementsNom." ?

Golmote

11 février 2010 à 12:06:17

Et c'est pas "selectNom", etc. mais "Nom", etc.

Miratons

11 février 2010 à 12:08:23

Sa marche Nikel !
Merci à toi Golmote