Accueil > Forum > > > > Javascript et référence objet.
 Javascript et référence objet.
jeudi 21 juillet 2005 à 19:57:19 |
Javascript et référence objet.
CHABRY
|
Bonjour,
J'ai commencé à écrire du code javascript visant la validation de
n'importe quel formulaire d'1 même page HTML en parcourant les
formulaires 1 par 1 ainsi que leurs champs respectifs( grâce à un
"switch" selon le type du champs).
Le pb c'est que j'ai réussi à tester les champs de type "text",
"password", "textarea" mais g pas pu désigner les champs de type
"ListBox", "Radio" et "CheckBox".
Comment faire?
Voilà le code:
<HTML>
<HEAD>
<link rel="stylesheet" type="text/css" href="style.css">
<SCRIPT LANGUAGE="javascript">
function tester(nbform)
{
for (i=0; i<nbform; i++) //on parcoure tous les formulaires de la page HTML
{
var formulaire=document.forms[i];
for (n=0;
n<formulaire.elements.length;n++) //On parcoure tous les champs de
saisie de chaque formulaire
{
switch
(formulaire.elements[n].type) // On traite chaque champs de
saisie selon son type
{
case "text":
if (formulaire.elements[n].value=="")
{
alert("champs texte vide!");
formulaire.elements[n].style.backgroundColor="#DC143C";
return false;
}
//write(formulaire.elements[n].value);
break;
case "password":
if (formulaire.elements[n].value=="")
{
alert("champs password vide!");
formulaire.elements[n].style.backgroundColor="#DC143C";
return false;
}
//write(formulaire.elements[n].value);
break;
case "textarea":
if (formulaire.elements[n].value=="")
{
alert("champs textarea vide!");
formulaire.elements[n].style.backgroundColor="#DC143C";
return false;
}
//write(formulaire.elements[n].value);
break;
case "select":
champs =
eval('formulaire.elements[n].options[formulaire.elements[n].selectedIndex].value');
if (champs=="-20")
{
alert("Sélectionnez un élément de
la liste!");
//formulaire.elements[n].style.backgroundColor="#DC143C";
return false;
}
//write(formulaire.elements[n].value);
break;
}
}
}
}
</script>
</HEAD>
<BODY bgcolor=White vlink=Gray alink=Gray>
<FORM Name="formulaire" method="Post" Action="" onsubmit="Javascript:return tester(1);">
<table width="624" border="1">
<tr>
<td width="385">Civilité (sans repositionnement sur un
item): </td>
<td width="223"><select name="CIVILITE">
<option value="-20">- Sélectionnez -</option>
<option value="1">Mr</option>
<option value="2">Mlle</option>
<option value="3">Mme</option>
</select></td>
</tr>
<tr>
<td>Situation (avec repositionnement sur l'item 1):</td>
<td><select name="SITUATION">
<option value="-20">- Sélectionnez -</option>
<option value="1">Célibataire</option>
<option value="2">Divorcé</option>
<option value="3">Marié</option>
</select></td>
</tr>
<tr>
<td>Nom :</td>
<td><input name="nom" size=25></td>
</tr>
<tr>
<td>Niveau:</td>
<td><input name="radiobutton" type="radio"
value="radiobutton">
Etudiant
<input name="radiobutton" type="radio" value="radiobutton">
Professionnel</td>
</tr>
<tr>
<td>Compétences:</td>
<td><input type="checkbox" name="checkbox" value="checkbox">
SGBD
<input type="checkbox" name="checkbox2" value="checkbox">
UNIX
<input type="checkbox" name="checkbox3" value="checkbox">
Dev Web </td>
</tr>
<tr>
<td>Mot de passe </td>
<td><input name="pass" type="password" id="pass"></td>
</tr>
<tr>
<td>Confirmation du mot de passe </td>
<td><input name="conf_pass" type="password"
id="conf_pass"></td>
</tr>
<tr>
<td>Code postal :</td>
<td><input name="postal" size=25></td>
</tr>
<tr>
<td>Saisissez votre email :</td>
<td><input name="email" size=25></td>
</tr>
<tr>
<td>Adresse:</td>
<td><textarea name="adresse"
id="adresse"></textarea></td>
</tr>
<tr>
<td>Pays:</td>
<td><select name="pays" id="pays">
<option value="-20" selected>- Sélectionnez
-</option>
<option value="1">Tunisie</option>
<option value="2">France</option>
</select></td>
</tr>
<tr>
<td><input type="submit" name="valider"
value="Validation"></td>
<td> </td>
</tr>
</table>
<br>
</FORM>
</BODY>
</HTML>
Remarque: Pour des raisons
de test je voudrais afficher au fur et à mesure la valeur des champs
parcourus sachant que le "write" et le "writeln" cause la sortie de la
boucle "for" où je ne peux tester que le 1er champs.
MERCI.
|
|
vendredi 22 juillet 2005 à 08:54:00 |
Re : Javascript et référence objet.
bultez
|
Bonjour,
switch (formulaire.elements[n].type) {
....
default:
alert(formulaire.elements[n].type);
break;
pendant les essais, et on voit le type des
champs non encore traités...
Cordialement. Bul. ~Site~~Mail~
|
|
vendredi 22 juillet 2005 à 12:22:20 |
Re : Javascript et référence objet.
coucou747
|
salut
entre nous, ce code html n'est pas super super joli :
<BODY bgcolor=White vlink=Gray alink=Gray>autant tout mettre dans la feuille de style... et il faudrait mettre des guillemets...
In a dream, I saw me, drop dead... U was here, U cried... It was just a deam, if I die, U won't cry, maybe, U'll be happy  [ Lien ] |
|
Cette discussion est classée dans : type, formulaire, champs, value, elements
 Répondre à ce message
 Sujets en rapport avec ce message
Formulaire+checkbox [ par CHABRY ]
Bonjour, je suis un débutant en javascript et je compte écrire du code javascript générique visant la validation de n'importe quel formulaire indé
Bug en javascript. [ par CHABRY ]
Bonjour, J'ai réussi à valider les différents champs de saisie de mon formulaire mais le pb c qu'en validant les checkbox, ça se plante au niveau du "
Problème de champs de type "hidden" qui "prennent de la place" [ par boudafc ]
Voilà, j'ai créé un formulaire de confirmation pour un envoi de formulaire, et j'ai donc créé un formulaire avec des champs de type « hidden » pour l&
Formulaire : changer le type d'élémént en fonction d'une valeur ... [ par Dexterin ]
Bonjour, je suis un débutant (très débutant) ... merci de votre évenuelle aide...J'ai le script suivant :function Choix(fiche) { i = document.fiche.c
Formulaire : changer le type d'élémént en fonction d'une valeur ... [ par Dexterin ]
Bonjour, je suis un débutant (très débutant) ... merci de votre évenuelle aide...J'ai le script suivant :function Choix(fiche) { i = document.fiche.c
empècher l'envoi du formulaire si tout les champs ne sont pas remplis [ par cgillet ]
bonjour,j'ai crée un formulaire ( formule à la fin du message )j'ai rendu certain champs obligatoire mais je voudrais rendre l'envoi du dit formulaire
problème de vérification des champs d'un formulaire [ par arambasic ]
Voici mon formulaire avec le code javascript pour le vérifié, quand j'envoie le formulaire in me donne bien les box d'erreurs mais il enregistre les
boucle sur formulaire.champs.value [ par lucky82 ]
Bonjour tout le monde; Pour obtenir la valeur d'un champs texte nommé "chp1" on fait comme ça: formulaire.chp1.valuemais s'il y a dans mon formulair
Permutter deux champs d'un formulaire [ par lektrosonic ]
Bonjour, J'ai un formulaire en html avec deux champs textuels, un boutton submit et un autre bouton. Je voudrai que l'action du deuxieme boutton per
alerte si les champs sont vide [ par amine124 ]
bonjours, j'ai le code suivant, j'ai un pb dans la fonction verif(). ça marche pas, veuillez mz dire où est le pb exactement; merci d'avance. fu
 Livres en rapport
|
Derniers Blogs
 POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|