begin process at 2012 05 30 02:54:39
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

utiliser onblur, sans appel


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

utiliser onblur, sans appel

mercredi 21 juillet 2010 à 15:52:30 | utiliser onblur, sans appel

moumouf

Bonjour,

Je développe un formulaire de saisie qui pour chaque champs possède une balise onblur="verif(this, this.form)"

Y a t-il un moyen (via un window.onload="verif(formName)" par ex) d'exécuter cette fonction de vérification sur chaque champs (pour un formulaire donnée) sans avoir a faire l'appel depuis chaque balise input comme c'est le cas actuellement.
Merci de bien vouloir m'indiquer la marche à suivre :)
mercredi 21 juillet 2010 à 18:03:49 | Re : utiliser onblur, sans appel

PetoleTeam

Membre Club
ReBonjour,
Y a t-il un moyen (via un window.onload="verif(formName)" par ex)
c'est exactement cela !

- Récupération de l'objet FORM
- Parcours, ou récupération des éléments INPUT ou autre
- Affectation d'une fonction anonyme qui appelle la fonction voulue

voila pour le principe !

;O)
mercredi 21 juillet 2010 à 20:50:56 | Re : utiliser onblur, sans appel

moumouf

le soucis que j'ai concerne le parcours des champs, je ne vois pas bien comment m'y prendre :
1 - comment boucler sur les champs, et à quel moment ?
2 - comment lui dire d'effectuer l'appel sur la fonction lorsque on quitte le champs ?

window.onload = function() {
verif(??);
}


function verif(objFrm, obj) {
if(obj.name == 'nom' && obj.value == '') {
blabla...
}
else if(obj.name == 'prenom' && obj.value == '') {
blabla..
}
etc...
}
mercredi 21 juillet 2010 à 22:58:07 | Re : utiliser onblur, sans appel

PetoleTeam

Membre Club
Réponse acceptée !
pour boucler tous les champs il suffit de faire un appel de ce type...
Code Javascript :
//-- recup objet FORM
var O_Form = document.getElementById( id_form); // par exemple

pour récupérer les éléments...
Code Javascript :
//-- 1st syntaxe
var T_Input = O_Form.getElementsByTagName('INPUT');
//-- 2nd syntaxe, plus complete
var T_Input = O_Form.elements;
T_Input contient une nodeList des éléments demandés

et pour l'affectation une simple boucle
Code Javascript :
for( var i =0 , nb = T_Input.length; i < nb; i++){
  var O_Input = T_Input[i]; // recup de l'objet
  //-- si INPUT texte, ceci est un exemple
  if( O_Input.type == "text"){
    //-- affectation de la fonction de verif
    O_Input.onblur = function(){
      Verif( this, O_Form);
    }
  }
}

concernant la fonction Verif(), c'est une autre histoire...
tout dépend du nombre de champs à tester, de l'opportunité de tester individuellement sur chaque onblur...etc...

à toi de voir !
;O)
mercredi 21 juillet 2010 à 23:32:48 | Re : utiliser onblur, sans appel

moumouf

Wow ! génial !
tout est très clair :

Code Javascript :
O_Input.onblur = function(){
      Verif( this, O_Form);
    }



c'était avec ce genre de truc que j'avais du mal.

Un grand merci pour ton aide !
jeudi 22 juillet 2010 à 12:23:40 | Re : utiliser onblur, sans appel

moumouf

Réponse acceptée !
Pour clore le sujet voici le code mis en place qui fonctionne :

Code Javascript :

window.onload = function() {
	formatUsrFldFrm();
}

function formatUsrFldFrm() {
	var O_Form = document.getElementById('usrFrm');
	var T_Input = O_Form.elements;
	
	for( var i =0 , nb = T_Input.length; i < nb; i++){
	  var O_Input = T_Input[i]; // recup de l'objet
    O_Input.onblur = function(){
      valFldUsrFrm( this, O_Form);
    }
	}
}


Je n'ai pas limité aux types input car j'ai un champs date de naissance dont les éléments (jour mois année) sont décomposés en 3 listes déroulantes.

Encore merci pour le tuyau qui vas me faire gagner bien du temps !


Cette discussion est classée dans : appel, formulaire, utiliser, champs, onblur


Répondre à ce message

Sujets en rapport avec ce message

Calcul dans u formulaire [ par grakel ] Salut a tous, J'ai un piti probleme de javascript. Je souhaites faire un calcul dans un formulaire. schema type J'ai des champs texte puis un input="b Formulaire [ par lavache13 ] Est-ce qu'on peut envoyer les données cochées d'un formulaire dans une autre page sans utiliser le php?J'arrive à vérifier les données du formulaire m Formulaire oui, mais dynamique ! [ par jpinneau ] Bonjour, j'ai un formulaire, dont les champs Dynamique tel que les champs nécessaires sont dans une base de données.Lors de l'affichage de la page, je nouvelle page après validation d'un formulaire [ par nicopico ] Bonjour,J'ai créé un formulaire (avec un mailto) qui contient un bonton de validation sur lequel je vérifie les différents champs sur l'évènement "onC 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 Comment convertir une chaine en object ? [ par Dexterin ] Bonjour !J'ai un gros soucis...Je désire créer une fonction javascript qui me donne un object en fonction d'une chaine de caractère :Exemple, actuelle vérifier des champs dans un formulaire [ par isnogood ] Salut, tt le monde,Je suis débutant dans ce langage.J'ai fais un une fonction qui permet de vérifier des champs de formulaire, mais je ne suis pas con verif formulaire. [ par kikos ] Slt à tous,j'utise une fonction javascript qui permet de vérifier qu'il n'y ai po de lettre dans le champs :function verifcode(car) {// exclusivement validation formulaire malgré erreur détectée [ par nabelette ] Bonjour à tous,Tous les posts que j'ai pu trouver m'ont toujours aidée...jusqu'à aujourd'hui. J'ai eu beau chercher je ne trouve pas la réponse à mon


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,874 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales