Discussion :

[benlahsen84]

J'ai un champ (input) dans un formulaire, a l'evenement en keyup j'execute une fonction qui va verifier si la valeur est valide ou non, si oui je change la calsse d'une div, juste devant mon champs, comme quoi la valeur est valide.

Bon sous FF tout va bien bien sûr mais pas IE!

Mon code HTML:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input name="FirstName" type="text" id="FirstName" size="13" valide="0" required="1" value="<?php echo $FirstName; ?>" style="float:left" onkeyup="listnerName(this, 'flag_firstname');" tabindex="1"/>

Mon code Javascript:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
function listnerName(Obj, flag){
	var checkPatternName = new RegExp("[0-9]");
	var flagObj = document.getElementById(flag);
 
	if( checkPatternName.test(Obj.value) ){
		setClassName(flagObj, "invalide");
		flagObj.innerHTML = "";
		setValide(Obj, 0);
	} else if( Obj.value == "" || Obj.value.length == 0 ) {
		flagObj.innerHTML = "";
		setValide(Obj, 0);
		setClassName(flagObj, "invalide");
	} else {
		flagObj.innerHTML = "";
		setValide(Obj, 1);
		setClassName(flagObj, "valide");
	}
}
 
function setClassName(Obj, class){
	Obj.className = class;
}

Bon j'ai mis une suite de testes, par exemple "alert()", juste que début de la fonction : listnerName, l'alert s'affiche, mais quand je le met a l'intérieur du premier IF ça ne marche pas!

Donc je pense que j'ai mal utiliser l'objet RegExp!

J'ai cherché sur le forum mais apparemment personne n'a eu ce cas!

Merci d'avance.
Ahmed.

[RomainVALERI]

Tu veux vérifier que le champ input contient au moins 1 caractère numérique ?
Dis-nous en langage courant quelles sont tes conditions de validité.

(ps : puisque tu as eu la bonne idée de donner une propriété ID à ton input, tu pourrais aussi bien le récupérer dans ton script avec un getElementById, plutôt que de le passer en paramètre avec this... ^^)

[benlahsen84]

Tout d'abord merci pour ta reponse.

En fait non, je veux que le champ contient que du texte (pas de numéros, pas de caractères spéciaux), et donc le moment ou l'internaute tape un numéro (

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if( checkPatternName.exec(Obj.value) )

) et bin je met la classe CSS "invalide".

Par contre l'idée de passer l'ID par paramètre ça peux résoudre le problème.
Je vais tester.

Merci.
Ahmed.

[Bovino]

Etonnant...
Essaye comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var checkPatternName = /d/;

[benlahsen84]

Salut,

Pour répondre a RomainVALERI, j'ai testé de passer l'ID au lien de "this" et a l'intérieur de la fonction listnerName j'ai mis:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var Obj = document.getElementById(id)

mais ça n'a pas marcher!

Et je vais essayer la solution de Bovino.

Merci.
Ahmed.

[benlahsen84]

Salut,

J'ai essayé aussi la solution de Bovino et ça marche pas aussi!

Merci.

[benlahsen84]

Toujours pas de solution !!

[RomainVALERI]

A priori, au vu de ce que as demandé, la solution de Bovino semble tout-à-fait adaptée, bizarre que ça ne "marche pas"... ^^ montre ton code (html généré + javascript) c'est peut-être une erreur de syntaxe ou un détail manquant quelquepart.