Page 1 sur 2
Comment ecouter un champ de formulaire sans le valider
Posté : 29 janv. 2023, 18:15
par flexi2202
bonjour a tous
je cherche une solution pour verifier si le champ ville de mon formulaire est vide ou pas avant l'envois
si vide alors affiche une image
si pas vide alors on affiche pas une image
j'ai essaye ceci mais dans tous les cas une image s'affiche lorsque je passe ma souris dans le rectangle
que le champ soit remplit ou pas de ville
Code : Tout sélectionner
<!DOCTYPE html>
<html>
<body>
<h1>HTML DOM Events</h1>
<h2>The onmousemove Event</h2>
<input class="form-control" type="text" name="ville" value="" id="ville" placeholder="" required="required" />
<div style ="width: 200px;
height: 100px;
border: 1px solid black;"onmousemove="myFunction(event)" onmouseout="clearCoor()"></div>
<img id="myImgaa" src="" width="107" height="98">
<script>
function myFunction() {
if (document.getElementsByName(ville) !== null && document.getElementsByName(ville) !== '')
{ document.getElementById("myImgaa").src = "https://www.w3schools.com/jsref/img_pulpit.jpg";}
}
function clearCoor() {
document.getElementById("myImgaa").src = "";
}
</script>
</body>
</html>
Re: Comment ecouter un champ de formulaire sans le valider
Posté : 29 janv. 2023, 19:28
par or 1
que fait cette ligne
document.getElementById("myImgaa").src = "";
?
Re: Comment ecouter un champ de formulaire sans le valider
Posté : 29 janv. 2023, 20:06
par flexi2202
Merci de la reponse
elle n 'affiche plus l'image
Re: Comment ecouter un champ de formulaire sans le valider
Posté : 29 janv. 2023, 20:07
par or 1
en plus détaillé ?
Re: Comment ecouter un champ de formulaire sans le valider
Posté : 29 janv. 2023, 21:35
par flexi2202
en plus detaillé ?
Lorsque la souris n'est plus la div l'image ne s'affiche plus
Re: Comment ecouter un champ de formulaire sans le valider
Posté : 29 janv. 2023, 21:44
par or 1
quelles instructions javascript sont exécutées dans cette ligne ?
Re: Comment ecouter un champ de formulaire sans le valider
Posté : 29 janv. 2023, 21:55
par flexi2202
Le code est realise de la maniere suivante
lorsque la souris est dans le cadre avec onmousemove
cela declenche une fonction event "myfunction" qui va tester le champ ville de mon input
si le champ ville est vide alors une image doit s'afficher et un message d'erreur s'affiche aussi
par contre lorsque la souris sort du cadre a ce mment la fonction clearcolor entre en action
et empeche l'image de s'afficher
ah oui je pense comprendre ou tu veux en venir
je devrais de nouveau tester le champ ville et voir si il possede bien quelque chose
Re: Comment ecouter un champ de formulaire sans le valider
Posté : 29 janv. 2023, 21:58
par or 1
est-il question de onmousemove dans cette ligne ? absolument pas, du champ ville, pas plus.
quelles instructions javascript sont exécutées dans cette ligne, et dans cette ligne seulement ?
Re: Comment ecouter un champ de formulaire sans le valider
Posté : 29 janv. 2023, 22:05
par flexi2202
Elle permet du cote html avec cette ligne id="myImgaa"
de n'afficher aucune image
Re: Comment ecouter un champ de formulaire sans le valider
Posté : 29 janv. 2023, 22:06
par or 1
quelles instructions javascript sont exécutées dans cette ligne ?
Re: Comment ecouter un champ de formulaire sans le valider
Posté : 29 janv. 2023, 22:09
par flexi2202
apparement aucune ...
Re: Comment ecouter un champ de formulaire sans le valider
Posté : 29 janv. 2023, 22:19
par or 1
var mavar = "test";
cette ligne exécute les instructions javascript suivantes :
var mavar : je définis une variable qui a pour nom mavar
= : j'affecte à ma variable quelque chose
"test" : la chaine de caractère test
cette ligne créé une variable mavar et lui affecte la chaine de caractère test.
quelles instructions javascript sont exécutées dans cette ligne
document.getElementById("myImgaa").src = "";
?
Re: Comment ecouter un champ de formulaire sans le valider
Posté : 29 janv. 2023, 22:35
par flexi2202
Merci pour ce tuto et l'explication
getElementById() de Document renvoie l'objet Element représentant l'élément dont la propriété id correspond à la chaîne de caractères spécifié qui est dans mon cas myImgaa
en html je recupere cette chaine de caractere avec son id qui est vide dans mon cas et donc n'affiche rien
Re: Comment ecouter un champ de formulaire sans le valider
Posté : 29 janv. 2023, 22:43
par or 1
getElementById() de Document renvoie l'objet Element représentant l'élément dont la propriété id correspond à la chaîne de caractères spécifié qui est dans mon cas myImgaa
une bonne explication de ce que fait
document.getElementById("myImgaa")
il faut maintenant continuer avec le reste de la ligne.
Re: Comment ecouter un champ de formulaire sans le valider
Posté : 29 janv. 2023, 22:52
par flexi2202
La propriété src définit ou renvoie la valeur de l'attribut src d'une image.
L'attribut obligatoire src spécifie l'URL d'une image.
dans mon cas il n'y en as pas , car je ne veux pas qu'une image s'affiche