Accueil > Forum > > > > controler plusieurs champs d'un formulaire
 controler plusieurs champs d'un formulaire
lundi 29 octobre 2007 à 20:34:00 |
controler plusieurs champs d'un formulaire
attentio
|
Bonjour,
j'ai une fonction qui verifie tous les champs d'un formulaire qui ne marche pas
je ne comprends vraiment pas pourquoi ?
si je mets
if(document.formulaire.nom.value == "")
{
alert("Veuillez indiquer votre nom");
document.formulaire.nom.focus();
return false;
}
avant
var y=document.formulaire.image_upload.value.indexOf(".");
et si je fais l'inverse ça ne marche plus
voici ma fonction en entier :
function verifForm()
{
if(document.formulaire.nom.value == "")
{
alert("Veuillez indiquer votre nom");
document.formulaire.nom.focus();
return false;
}
var y=document.formulaire.image_upload.value.indexOf(".");
var z=document.formulaire.image_upload.value.substring(y);
var adresse = document.formulaire.mail.value;
var place = adresse.indexOf("@",1);
var point = adresse.indexOf(".",place+1);
if (z.toLowerCase()!=".jpg" && z.toLowerCase()!=".jpeg" && z.toLowerCase()!="")
{ alert ("Veuillez convertir l\'image en jpeg");
return false; }
if ((place > -1)&&(adresse.length >2)&&(point > 1))
{
formulaire.submit();
return(true);
}
else
{
alert('Entrez une adresse e-mail valide!!');
return(false);
}
if(document.formulaire.prenom.value == "")
{
alert("Veuillez indiquer votre prenom");
document.formulaire.prenom.focus();
return false;
}
if(document.formulaire.adresse.value == "")
{
alert("Veuillez indiquer votre adresse");
document.formulaire.adresse.focus();
return false;
}
if(document.formulaire.cp.value == "")
{
alert("Veuillez indiquer votre code postal");
document.formulaire.cp.focus();
return false;
}
if(document.formulaire.ville.value == "")
{
alert("Veuillez indiquer votre ville");
document.formulaire.ville.focus();
return false;
}
if(document.formulaire.mail.value == "")
{
alert("Veuillez indiquer votre mail");
document.formulaire.mail.focus();
return false;
}
}
</script>
merci de votre aide
|
|
mardi 30 octobre 2007 à 09:44:38 |
Re : controler plusieurs champs d'un formulaire
bultez
|
Bonjour,
pas certain d'avoir compris...
sauf que formulaire.submit () déclanche la soumission et les test suivants
ne sont pas fait !
d'ailleurs, la forme normale serait d'utiliser onsubmit
tu aurais pu nous donner le formulaire, ça nous aurait
évité de l'écrire pour tester
il existe des expressions régulières pour un
meilleur controle d'une adresse mail
<script type="text/javascript">
function test()
{
var y=document.formulaire.image_upload.value.indexOf(".");
var z=document.formulaire.image_upload.value.substring(y);
if (z.toLowerCase()!=".jpg" && z.toLowerCase()!=".jpeg")
{ alert ("Veuillez convertir l\'image en jpeg");
return false; }
var adresse = document.formulaire.mail.value; // peut mieux faire
var place = adresse.indexOf("@",1);
var point = adresse.indexOf(".",place+1);
if (!((place > -1)&&(adresse.length >2)&&(point > 1)))
{
alert('Entrez une adresse e-mail valide!!');
return(false);
}
/*
if(document.formulaire.prenom.value == "")
{
alert("Veuillez indiquer votre prenom");
document.formulaire.prenom.focus();
return false;
}
*/
}
</script>
<form name="formulaire"
onsubmit="return test();"
action="javascript:alert('ok');">
<input type="text" name="image_upload" />
<input type="text" name="mail" />
...
<input type="submit" />
</form>
Cordialement  Bul [mon Site] [M'écrire]
|
|
mardi 30 octobre 2007 à 09:59:07 |
Re : controler plusieurs champs d'un formulaire
capoueidiablo
|
Attention aux "document.formulaire.image_upload" c'est le genre de chose qui ne marche pas partout ...
à ta place j'utiliserai soit un document.getElementsByTagName('FORM') qui retourne un tableau d'éléments DOM soit un document.getElementById('mon_formulaire')
... m'enfin, je dis ca mais je dis rien :o)
--=Capoueidiablo=--
|
|
mardi 30 octobre 2007 à 10:08:32 |
Re : controler plusieurs champs d'un formulaire
bultez
|
>>
Attention aux "
document.formulaire.image_upload"
>>c'est le genre de chose qui ne marche pas partout ..
ben justement,
ça fonctionne avec FireFox, Internet Explorer, K-Meleon, Opera, Safari, Netscape...
et si ça ne fonctionne pas avec un autre navigateur, il vaudrait mieux l'abandonner ;o))
Cordialement Bul [mon Site] [M'écrire]
|
|
mardi 30 octobre 2007 à 10:10:57 |
Re : controler plusieurs champs d'un formulaire
bultez
|
tandis que le DOM et/ou getElementById sont beaucoup moins sûrs
( comme sur des version antérieures de certains navigateurs )
Cordialement Bul [mon Site] [M'écrire]
|
|
mardi 30 octobre 2007 à 11:23:09 |
Re : controler plusieurs champs d'un formulaire
samijoker
|
je te propose ces fcts pour vérification d'adresse mail , adresse, code et prenom çà sera bcp mieux et simple je l'ai vérifié et çà marche trés bien
function verif(mail) { // vérif validité email par REGEXP
var reg = /^[a-z0-9._-]+@[a-z0-9.-]{2,}[.][a-z]{2,3}$/
if(reg.exec(mail.value)==null) {
alert("Entrer émail juste!")
mail.focus()
return false
} else
return true
}
//la fct suivante test est valable pour addresse,code et prénom, il suffit de remplacer les champs quand tu appelle la fonction exp: <input type="button" value="ok" onClick= "test(code);test(adresse);test(prénom);verif(mail);" />
function test(addresse) {
var reg =/^[a-z0-9.-_]/
if(reg.exec(addresse.value)==null) {
alert("vérifiez les champs")
addresse.focus()
return false
} else
return true
}
voilà un exemple complet et trés simple que g fait pour tester ces fonctions, tu peux essayer pour mieux comprendre :
<script language="JavaScript"><!--
function verif(mail) { // vérif validité email par REGEXP
var reg = /^[a-z0-9._-]+@[a-z0-9.-]{2,}[.][a-z]{2,3}$/
if(reg.exec(mail.value)==null) {
alert("Entrer View Name!")
mail.focus()
return false
} else
return true
}
function test(addresse) {
var reg =/^[a-z0-9.-_]/
if(reg.exec(addresse.value)==null) {
alert("Entrer l'adresse")
addresse.focus()
return false
} else
return true
}
//--></script>
<html>
<form name="formulaire" >
<input type="text" name="prenom" size="15" />
<input type="text" name="addresse" size="15" />
<input type="text" name="code" size="15" />
<input type="text" name="mail" size="15" />
<input type="button" value="Add" onClick= "test(code);test(addresse);test(prenom);verif(mail);" />
</form>
</html>
et tu peux améliorer en jouant sur les variable reg , j'éspére que çà va vous aider. bon travail
|
|
Cette discussion est classée dans : formulaire, document, return, value, if
 Répondre à ce message
 Sujets en rapport avec ce message
problème fonction javascript [ par abdeslam2009 ]
Bonjour, j'ai deux pages web en html consultation_client et article_consult dans la première page (consultation_client) j'ai créé des champs ,des
Javascript et formulaire [ par warka0O ]
Bonjour, (ou bonsoir) Je me présente à vous car j'ai un énorme soucis ! Mon contrôle de saisi sur mon formulaire ne veux pas s'opérer. Normalement,
Besoin Aide Javascript ne fonctionne pas [ par Anicknie ]
voici mon code pour mon formulaire _______________________________________________ <table bo
problème Javascript [ par Anicknie ]
Bonjour, Je suis présentement un cours en hypermédia et je dois réaliser un site simple avec du html, css, javascript et aspx. Voici mon problème : j
Creer un formulaire de calcul [ par quinton75 ]
Bonjour, J'essaie de crée un formulaire qui multiplie le nombre de place par le prix mais ça ne fonctionne pas [^^sad2][^^sad2] [code=js] func
controle des champs d'un formulaire [ par siatu ]
Bonjour tous le monde, j'ai un probleme quand je verifie les champs du mon formulaire et en cas ou la saisie est incorrecte au lieu de rester dans la
Vérification de la validité de de la disponibilité d'un mot de passe [ par WrestlingMan ]
Bonjour ! J'espère ne pas mettre trompé de thème pour ce post ! Bon, j'expose mon souci ! Voila, en ce moment je réalisé un site web pour une autoentr
Affiché valeur checkbox/radio si coché [ par amine38 ]
Bonjour ! voilà j'ai un petit travail à faire et je ne parviens pas à résoudre mon problème : Je souhaite affiché la valeur des radios et checkbox co
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
probleme avec mon code source en javascript [ par osken2017 ]
Bonsoir voici mon code source qui doit normalement afficher un CV en html apres avoir fini de remplir le formulaire qu'il contient. Cependant je renco
 Livres en rapport
|
Derniers Blogs
 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 REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Forum
 UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
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
|