Comment ecouter un champ de formulaire sans le valider

Résolu/Fermé
53pierre Messages postés 32 Date d'inscription mercredi 10 mars 2021 Statut Membre Dernière intervention 29 janvier 2023 - Modifié le 29 janv. 2023 à 13:58
53pierre Messages postés 32 Date d'inscription mercredi 10 mars 2021 Statut Membre Dernière intervention 29 janvier 2023 - 29 janv. 2023 à 16:07

Bonjour,

je souhaiterais savoir si cela est possible en javascript d'ecouter un champ de saisie d'un formulaire sans qu'il ne soit valider 

par exemple je souhaiterais afficher un message si ce champ n'est pas encore validé

j'ai essayé ceci  mais sans succés

 <label for="ville">Ville</label>
                        <input class="form-control" type="text" name="ville" value="" id="ville" placeholder="Ville" required="required" />
       if (document.getElementsByName(ville) == "")
{ alert('<b>Erreur</b><br/><br/>Le champs est vide');} 


Windows / Chrome 109.0.0.0

4 réponses

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
29 janv. 2023 à 14:20

Bonjour,

Il existe de nombreux écouteurs d'évènements en JS ...

Lorsqu'on quitte le focus sur un champ,  lorsqu'on clic sur un élément de la page, lorsqu'on valide un formulaire .. lorsqu'on tape au clavier dans un champ ....

Tout dépend donc à quel moment tu veux que cette vérification se fasse ....


1
53pierre Messages postés 32 Date d'inscription mercredi 10 mars 2021 Statut Membre Dernière intervention 29 janvier 2023 1
29 janv. 2023 à 14:24

Bonjour 

Merci pour la réponse

Pour avoir juste un exemple je souhaiterais que cette alerte se  fasse  lorsque la page est chargée

0
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
29 janv. 2023 à 15:43

Tu sais utiliser un moteur de recherches ?

Sinon, voici

document.addEventListener("DOMContentLoaded", function() {
  // ici le code que tu veux exécuter lorsque la page a fini de charger...
});
0
53pierre Messages postés 32 Date d'inscription mercredi 10 mars 2021 Statut Membre Dernière intervention 29 janvier 2023 1
29 janv. 2023 à 15:55

Merci pour la réponse 

oui je sais utiliser un moteur de recherche 

cela fait un bon moment que je cherche mais ...

je viens d'essayer ce code mais sans succés

       document.addEventListener("DOMContentLoaded", function() {
        if (document.getElementsByName(ville) == "")
{ alert('<b>Erreur</b><br/><br/>Le champs est vide');} 
});
0
53pierre Messages postés 32 Date d'inscription mercredi 10 mars 2021 Statut Membre Dernière intervention 29 janvier 2023 1
29 janv. 2023 à 16:07

toutes mes exuses cela fonctionne

0