[RESOLU]verification d'un formulaire

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [RESOLU]verification d'un formulaire

bedomon

La vérité est ailleurs

bonjour tout le monde,

voila j'ai un formulaire et je veux faire une verification sur la saisie de certain champs, jusque la pas de probleme,, le pb que je rencontre c'est que moment du clique sur le bouton il ne me prend pas en compte mon formulaire et fais comme si tous c'es bien passé.

Quand je le faisias en local tout se passais bien mais depuis que je fais mes test en ligne ca passe plus.... :heink:

dans le formulaire j'ai mis ca:

Citation :

validation() est ma fonction pour verifier et elle est dans un fichier js externe

Citation :

et si quelqu'un pouvait m'expliquer comment je peux faire pour ne plus avoir une fenetre alert mais un petit label qui fait par des erreurs et les champs avec les erreurs se mettent en rouge (ca serait le petit plus mais c'est pas important)

Message édité par bedomon le 09-02-2006 à 10:01:53

Publicité

anapajari

s/travail/glanding on hfr/gs;

Le onsubmit se met sur la balise form pas sur le balise input...

Par ailleurs as tu chargé le fichier js sur ton serveur? Tu y a mis les bons droits?

bedomon

La vérité est ailleurs

hé bien oui le fichier est sur le serveur, j'ai fai des test pour voir si l'acces jusqu'au fichier se faisait et la dessus aucun probleme et au niveau des droits je ne sais pas je vais regardé mais je doute que cela vienne de ca

bedomon

La vérité est ailleurs

bon j'ai verifier l'acces au fichier aucun pb, au niveau des droits rien a redire, mais il ne me prend toujous pas mon script en compte

bedomon

La vérité est ailleurs

bon je fai des test ds tous les sens et ca m'énerveuh

l'entete de mon formulaire ressemble a ca:

Citation :

formMail2.asp me permet d'envoyer les donné du formulaire dans un email

j'ai refait le JS avec de getElementById("id" )

pour mon script JS je le declare comme ca :

Citation :

:pfff: en fait le je ne sais plus quoi essayé... :pfff:

siouplé :jap:

anapajari

s/travail/glanding on hfr/gs;

Serait-il possible d'avoir un peu plus de description sur l'erreur?
Par exemple dans la console JS ( de IE ou FF) y'a-t-il des messages d'erreurs?
T'as pas une url pour qu'on puisse regarder?

bedomon

La vérité est ailleurs

en fait je vien de découvrir la console js de FF
et j'ai une erreur:
document.formulaire.getElementById is not a function

et euh pour l'adresse c'est pas que je veux pas mais pour le moment je peux pas la données
(restriction des patrons)

anapajari

s/travail/glanding on hfr/gs;

Code :

document.getElementById

faut pas rajouter formulaire au milieu...

bedomon

La vérité est ailleurs

merci pour cette precision

mais euh pourquoi le meme script marchait en local alors ?? :??: :heink:

Message édité par bedomon le 06-02-2006 à 16:47:07

bedomon

La vérité est ailleurs

bon je reviens a la charge parce que ca m'enerve encore et toujours
mon script fonctionne presque bien mais la j'arrive ds me limite du javascript avec le gestion du RETURN

dans ma balise <form> j'ai action=formail.asp pour gerer l'envoie du mail avec les donné du formulaire et j'aiaussi onsubmit=validation(this.form) popur verifier les champs, mais le pbc'est que j'ai bien une alert si il manque des infos ds le formulaire mais une fois que je clique sur OK ca me met quand meme la page suivante (votre demande est prise en compte) comment je peux faire???

Publicité

anapajari

s/travail/glanding on hfr/gs;

Si tu as une erreur tu dois faire un

Code :

return false

Afin que l'evenement submit soit "annulé"...

Si tu n'as pas d'erreur

Code :

return true

bedomon

La vérité est ailleurs

c'est bien ce que j'ai fai, j'ai mis un bout de mon code a mon premier post.
j'ai meme essayé en enlevant le

Citation :

}else{ return true}

mais non rien a faire il me charge tout le temps la page d'apres

et pour le bouton envoyer du formiulaire j'ai mis ca:

Citation :

je vais esayer en changeant le type

Message édité par bedomon le 06-02-2006 à 17:38:08

anapajari

s/travail/glanding on hfr/gs;

petit truc qui manque dans ta balise form, il faut mettre le return:

Code :

<form id="form1" name="formulaire" class="police" method="post" action="formMail2.asp" onsubmit="return validation(this.form);">

bedomon

La vérité est ailleurs

:ouimaitre:

merci beaucoup ca marche enfin et je me doutais que c'etai une histoire avec ces foutus return...

bedomon

La vérité est ailleurs

et euh une petite question :
bon je fais une verification champs par champs ce qui fais que si il y a plusieurs champs avec des données erronée ca peut etre fastidieurx de cliquer sur validé a chaque fois et de se rendre compte qu'il faut encore changé autre chose,
et je vais me lancé dans une amelioration de ce script en faisant en sorte q'il n'y ai qu'un seul fenetre qui s'affiche ou juste un petit label en rouge (par exemple) et que tout les champs avec des erreurs soit avec un fond rouge mais je ne vois pas comment stocké tout les erreurs pour les traiter d'un coup???

qui peut m'aider, je veu po un code tout fais mais des piste pour le faire
merci les jeun's

anapajari

s/travail/glanding on hfr/gs;

Bin tu as plein de solutions!!!
Tu crées une variable et tu concatènes les messages d'erreur au fur et à mesure dedans et en passant tu mets les inputs "pabons" en rouge via css.
Ou alors tu crées un tableau, et tu push chaque input en erreur dedans. Puis tu traites ton tableau...

gatsu35

Blablaté par Harko

Erreur souvent commise et l'uatre jour j'ai passé 2 heures à comprendre ma connerie

bedomon

La vérité est ailleurs

euh tun m'explique gatsu35
moipo comprendre.... :??: :??:

gatsu35

Blablaté par Harko

<form onsubmit="">

j'avais directement mis : onsubmit="mafunction()"
alors qu'il fallait mettre onsubmit="return mafunction()"

bedomon

La vérité est ailleurs

oki
sinon en ce qui concerne mon petit script
j'arrive a recupere les erreur mais je n'arrive pas a faire modifier le comportement des champs pour qu'il devienne rouge :sweat:
voila comment je compte m'y prendre (ca ne marche toujours pas (mais bon je crois que c'est normal)

Citation :

//javascript document
function validation {
var erreur = new array();//tableau qui récupere les erreurs de saisie du formulaire
var i = 0;
var email = document.getElementById("eMail" ).value;
var statut = true;

if (document.getElementById("nomSociete" ).value == "" {
erreur[i] = document.getElementById("nomSociete" )
i+=1
}
if (document.getElementByID("nomContact" ).value =="" {
erreur[i] = document.getElementById("nomContact" )
i+=1
}

for j=0 to j=i {
erreur[j].sytle = "backgroung-color = red "
}

anapajari

s/travail/glanding on hfr/gs;

Code :

erreur[j].sytle = "backgroung-color = red "

4 fautes sur une ligne, erreur de recopie?

Moi j'aurais plutot fait comme ça:

Code :

if (document.getElementById("nomSociete" ).value == "" ){
erreur.push(document.getElementById("nomSociete" ));
}
if (document.getElementByID("nomContact" ).value =="" ){
erreur.push(document.getElementById("nomContact" ));
}
for(i=0; i<erreur.length; i++){
erreur[j].style.backgroundColor = "red";
}

bedomon

La vérité est ailleurs

:ouimaitre:
merci beaucoup c'est tres pratique ce push...

gatsu35

Blablaté par Harko

push est une méthode de l'objet array qui permet de rajouter une ligne dans le tableau

bedomon

La vérité est ailleurs

j'ai fai toute mes modif par rapport a mon evolution du script et je trouve encore un pb
j'ai un booleen qui est a true par defaut et si il y a un des champs de vide je le passe a false et apres je fai return mon booleen comme ca si c false le onsubmit de mon form ne marche po mai en fait ca fonctionne pas???
voila le fautif:

Citation :

//javascript document
function validation {
var erreur = new array();//tableau qui récupere les erreurs de saisie du formulaire
var i = 0;
var email = document.getElementById("eMail" ).value;
var statut = true;
if (document.getElementById("nomSociete" ).value == "" ){
erreur.push(document.getElementById("nomSociete" ));
statut = false;
}
if (statut == false) {
for(i=0; i<erreur.length; i++){
erreur[j].style.backgroundColor = "red";
}
return false;
}else{
return true;}
}

je l'ai raccourci mai la ya le principal et je ne comprend po prkoi il veu po mon return

anapajari

s/travail/glanding on hfr/gs;

bon comme d'hab j'aurais pas fait pareil
j'aurais fait comme ça:

Code :

function validation {
var erreur = new array();//tableau qui récupere les erreurs de saisie du formulaire
var email = document.getElementById("eMail" ).value;
if (document.getElementById("nomSociete" ).value == "" ){
erreur.push(document.getElementById("nomSociete" ));
}
if (erreur.length) {
for(i=0; i<erreur.length; i++){
erreur[i].style.backgroundColor = "red";
}
return false;
}
return true;
}

edit: tu feras gaffe dans ton for tu boucles sur i mais tu te sers de j....

Message cité 1 fois
Message édité par anapajari le 07-02-2006 à 15:45:42

bedomon

La vérité est ailleurs

bon :fou:
j'ai rajouter le () apres le function validation() mais toujour rein il ne veux rien entendre sur les return,
le seul script qui fonctionne c'est celui que j'avais au depart

Citation :

alors je sais pa peut etre qu'avec tout le return false au bout d'un moment ca passait mais les autre j'ai fai gaffe au non de la fonction nom du ficher et tout et je n'y comprend rien

anapajari

s/travail/glanding on hfr/gs;

montre tout le code de la page ....

bedomon

La vérité est ailleurs

anapajari regarde ds tes message

bedomon

La vérité est ailleurs

la c'est avec des popup et ca marche et le code du script est celui de dessus

bedomon

La vérité est ailleurs

bon bon bon j'ai fai des changement et je me suis séparé de la boucle for :cry:

bon maintenant la pb est different j'arrive a obtenir une coloration des champs ou il y a une erreur mais il passe quand meme a la page suivante (votre demande est prise en compte)
en fait j'ai enlever de chaque bloc if le return = false et j'ai mis a la place un boleen et a la fin si le booleen est a false return est aussi a false, et bien c'est ca qu'il ne me prend pas en compte.....
voila la nouveau script

Citation :

je vois bien que le probleme vient du return mais je n'arrive pas a comprendre pourquoi il se comporte de cette maniere et comment y remedier.... :??: :??:

gatsu35

Blablaté par Harko

tu ne sais pas programmer à première vu
et tu ne connais rien non plus au javascript et je suis réaliste, ton code est bourré de fautes !!

A koi te sert erreur.push alors que tu passes tes éléments un par un c'est n'importe quoi, la premiere solution qu'anapajari t'a donné était la meilleure

et puis pour la fin on voit un gros manque de réflexion :
if (statut = false) {
return false;
}

là il te manque un deuxième égal car automatiquement tu attribut false à statut
if (statut == false) {
return false;
}

et puis pourquoi faire une condition qui ne sert à rien alors que tu peux directement retourner statut
return statut;

anapajari

s/travail/glanding on hfr/gs;

pas a dire c'est vraiment pas beau comme code

Essaye avec un truc dans le genre:

Code :

function validation(){
var error = new Array();
/*** checking input that must not be empty ***/
var fieldsNotEmpty = new Array('nomSociete', 'nomContact', 'adresseSociete', 'commentaire', 'tel');
for(i=0;i<fieldsNotEmpty.length;i++){
inputNode = document.getElementById(fieldsNotEmpty[i]);
if ( inputNode.value == "" ){
error.push(inputNode);
}
}
/*** checking email ***/
var emailNode = document.getElementById("eMail" );
if (emailNode.value.search(/^[_a-z0-9-]+(.[_a-z0-9-]+)*[^._-]@[a-z0-9-]+(.[a-z0-9]{2,4})*$/) == -1){
error.push(emailNode);
}
/*** checking for errors ***/
for(i=0; i<error.length; i++){
if ( i == 0 ){
/*** giving focus to first input with error***/
error[i].focus();
}
error[i].style.backgroundColor = "#fd8b8b";
}
return !error.length;
}

code non testé & non garanti bug proof

bedomon

La vérité est ailleurs

je suis d'accord mon code n'est pas tres beau mais quand on le regarde il devrait tourner sans probleme, non ????

gatsu35

Blablaté par Harko

Ben nan ton code il tourne pas, je sais pas, si tu fais un code tu dois être capable de dire toi même s'il va tourner ou pas, sinon c'est que tu es un mauvais programmeur

tout de suite j'ai vu que ton code était pourri et qu'il y avait des lignes en trop

Message cité 1 fois

bedomon

La vérité est ailleurs

teuh teuh teuh :non:

mon code tourne et la seul chose qui ne fonctionne pas est la coloration de champs erronées apres je sais tres bien qu'a la vue de la redondance des bloc IF une regroupement est possible mais je prefere resté sur quelque chose de simple et plus long a taper. Ensuite c'est sur le code d'anapajari est plsu concis,(voir dessous).

anapajari a écrit :

bon comme d'hab j'aurais pas fait pareil
j'aurais fait comme ça:

Code :

function validation {
var erreur = new array();//tableau qui récupere les erreurs de saisie du formulaire
var email = document.getElementById("eMail" ).value;
if (document.getElementById("nomSociete" ).value == "" ){
erreur.push(document.getElementById("nomSociete" ));
......
}

edit: tu feras gaffe dans ton for tu boucles sur i mais tu te sers de j....

gatsu35 a écrit :

Mon fonctionnement pour coder est peut etre particulier mais je me satisfait de cette methode ca me demande certaibnement plus de travail mais je prefere :kaola:
mais je sais aussi que vos remarque sont tres pertinentes et que prends compte a chaque fois exemple la methode push que tu m'a expliquer (et je t'en remercie)

alors dire que mon code est pourri n'est pas tres sympa surtout qu'il tourne... (a peu pres)
mais voila il y a les noob et les pas noob et malgré les efforts que je faits je galere mais ca rentre quand meme dans ma petite cervelle :sarcastic:
et c'est vrai que le web n'est pas m'a passion et que malgré la simplicité je bloque sur des truc tres con mais je m'y mets j'y suis obligé...
mais n'ai crainte je t'aime bien quand meme Gatsu35 car tu sais repondre a un post avec des explication a la clef c'est juste que je trouve pas sympa ta remarque (oups je l'ai mis deux fois)
je comprend quand meme ecq ue tu me met c'est juste que je n'arrive pas a pondre de suite un code en 20 ligne je prefere passer par ce que je maitrise et ensuite je nettoie le code (mais ensuite)
bon et puis si tu passe pres de naoned arrete et je ta paie un coup [:al_bundy]
et puis quand je finirais ce site je metterai l'adresse sur le forum et tu pourra voir ma reconnaissance (tu regarderas le code source et les commentaires :love:

gatsu35

Blablaté par Harko

tu as lu ma premiere reponse tu as essayé ? oui ? non ?

bedomon

La vérité est ailleurs

pour le onsubmit et le return oui j'ai essayé et pour modifier le css avec les input erronées je pense que c'est ce que j'essaye de faire.

ensuite la premiere methode d'anapajari que tu cite je l'ai essayé et je suis revenu avec mon code bourré de bloc if car justement il n'y avait pas de prise en compte du return (je ne sais pas pourquoi j'ai essaye plein de facon et je me rend compte qu'apres de multiple test qu'il n'y a que cette solution qui me fait revenir ur le page du formulaire

ps :ange: tu m'en veut hein di hein...

honnetement j'aurais été incapable de faire ca:

Citation :

for(i=0;i<fieldsNotEmpty.length;i++){
inputNode = document.getElementById(fieldsNotEmpty[i]);
if ( inputNode.value == "" ){
error.push(inputNode);
}
}

Message édité par bedomon le 08-02-2006 à 12:02:58

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

[RESOLU]verification d'un formulaire

Sujets relatifs
[CSS]css non reconnu par ie mais OK avec firefox et opera [Résolu]	probleme formulaire avec mozilla
[Résolu] MVC	[RESOLU] Code couleur sous visual basic
Formulaire d'upload et de données	PHP formulaire et database
Formulaire	[RÉSOLU] Comment utiliser l'interface graphique propre à XP ?
Problème avec des images sous IE [Résolu]	[VBScript] [RESOLU] fenetre qui se ferme automatiquement
Plus de sujets relatifs à : [RESOLU]verification d'un formulaire

Page générée en 0.091 secondes