Comment ecouter un champ de formulaire sans le valider

Résolu
53pierre Messages postés 32 Date d'inscription   Statut Membre Dernière intervention   -  
53pierre Messages postés 32 Date d'inscription   Statut Membre Dernière intervention   -

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

A voir également:

4 réponses

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 

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   Statut Membre Dernière intervention   1
 

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 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 

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   Statut Membre Dernière intervention   1
 

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   Statut Membre Dernière intervention   1
 

toutes mes exuses cela fonctionne

0