PB fonction javascript [RESOLU]

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : PB fonction javascript [RESOLU]

vylco

Bonjour, j'ai un pb c'est que j'ai une fonction qui s'execute sur l'evenement onload que j'ai mis dans le <body> de ma page contact.html . Et cette fonction sert à recuperer les variables dans l'url transmise depuis une ma page commande.html et qui vont alimenté un tableau. Et sur cette meme page (contact.html) j'ai un formulaire de contact qui lorsqu'il n'est pas valide recharge la page ce qui réactive ma fonction du onload et qui alimente mon tableau avec des données erronées du coup. Voila j'espere avoir bien expliqué mon pb . Donc quelqu'un a une idée pour contourné le pb ? et cela sans utiliser de php .

Ensuite j'ai un autre pb c'est que j'ai une fonction en toujours en js qui verifie mes champs de formulaires pour voir s'il sont remplis et dans le cas contraire change la couleur du champ vide. Le truc c'est que lorsqu'un champ est vide il change de couleur une demi seconde puis redevient blanc, pareil pour le focus(). voici ma fonction

Code :

function verif_form()
{
if(document.getElementById(1).value == "" )
{
document.getElementById(1).style.background = 'red';
document.getElementById(1).focus();
}
}

Quelqu'un aurait il une solution a ce pb ?

Merci d'avance

Message édité par vylco le 26-11-2009 à 15:00:45

Publicité

gatsu35

Blablaté par Harko

tu crois qu'avec ça on va réussir à t'aider ?
ben nan, file plus de code donc le code HTML

---------------
Blablaté par Harko

vylco

ok donc voila le code de mon formulaire ou j'essaye de verifier les si les champs ont bien été saisis

Code :

<FORM name="form" >
<table width="100%" cellpadding="2" cellspacing="0" id="form_text" border=1>
<tr>
<td>
<td>
Nom
</td>
</td>
<td>
<td>
<input type=text size=20 name="nom" id="1">
<div class="invisible" class="t_err" id="2">Vous devez saisir le nom!</div>
</td>
</td>
</tr>
<tr>
<td>
<td>
Prénom
</td>
</td>
<td>
<td>
<input type=text size=20 name="prenom">
</td>
</td>
</tr>
<tr>
<td>
<td>
Date de naissance
</td>
</td>
<td>
<td>
<input type=text size=20 name="ddn">
</td>
</td>
</tr>
</table>
</form>

gatsu35

Blablaté par Harko

- ton code HTML est à revoir notamment au niveau du nombre de TD, tu en a 2 imbriqués à chaque fos, fait un peu de nettoyage, il manque ausis le </table>
- on ne peut pas mettre de chiffre uniquement pour un id, il faudrait un id du genre : "champ_1" au pire, mais un id explicite serait mieux : ex <input id="prenom" name="prenom"/>

---------------
Blablaté par Harko

vylco

Salut, ok pour les <td> , le </table> j'ai oublié de remettre ici car j'ai posté qu'une partie du formulaire. Ok pour l'id.

sinon pour bien te montré le pb j'ai fais un formulaire avec un champ et un bouton, donc si tu peux recopier dans une page html et cliquer sur le bouton tu verra par toi meme le pb.

Code :

<html>
<head>
<title>test.html</title>
<script language="javascript">
function test()
{
if (form_contact.zone.value == "" )
{
form_contact.zone.style.backgroundColor = 'red';
}
}
</script>
</head>
<body >
<form name="form_contact" >
<table width="100%" border="1">
<tr>
<td width="50%">
Joomla 1.5
</td>
<td>
Commandé
<input id="zone" name="zone" type='text'size='15'>
</td>
</tr>
<tr>
<td colspan="2" align="right">
<br><input type=submit name="envoyer" value="Envoyer" onclick="test()">
</td>
</tr>
</table>
</form>
</body>
</html>

gatsu35

Blablaté par Harko

En mettant le submit on voit tout de suite ton pb (pas besoin de tester).
Le input type submit, POSTE le formulaire, mais ton onclick test(); execute une fonction

donc si on suis bien l'ordre :

- execution de test()
- envoi du formulaire pour revenir à la page actuelle (action étant inexistant la page se recharge d'elle même)

Il faut éxécuter ton verif_form sur le onsubmit du form et retourner une valeur.

Code :

function verif_form(form)
{
var nom = document.getElementById('nom');
if(nom.value == "" )
{
nom.style.background = 'red';
nom.focus();
document.getElementById('nom_error').style.display = 'block';
return false;
}
else {
nom.style.background = '';
document.getElementById('nom_error').style.display = 'none';
}
return true;
}
<form onsubmit="return verif_form(this);">
<table width="100%" cellpadding="2" cellspacing="0" id="form_text" border=1>
<tr>
<td>
Nom
</td>
<td>
<input type=text size=20 name="nom" id="nom">
<div class="invisible" class="t_err" id="nom_error">Vous devez saisir le nom!</div>
</td>
</tr>
<tr>
<td>
Prénom
</td>
<td>
<input type=text size=20 name="prenom" id="prenom">
</td>
</tr>
<tr>
<td>
Date de naissance
</td>
<td>
<input type=text size=20 name="ddn">
</td>
</tr>
</table>
</form>

---------------
Blablaté par Harko

vylco

En effet sa marche niquel, merci de ton aide ^^

FORUM HardWare.fr

Programmation

HTML/CSS

PB fonction javascript [RESOLU]

Sujets relatifs
[Resolu] Passage d'argument a un thread	affichage de texte en javascript
ada différence fonction, procédure	affichage débile en fonction des navigateurs...mais indescriptible qua
Pb acces base de donnée	Impossible de lancer une fonction ...
expression régulière en javascript	J'ai besoin d'une petite mise à jour de syntaxe : fonction eregi
Problème avec la fonction Unlink
Plus de sujets relatifs à : PB fonction javascript [RESOLU]

Page générée en 0.070 secondes