Event preventDefault fonctionne plus

Résolu/Fermé

carterj Messages postés 44 Date d'inscription lundi 4 septembre 2017 Statut Membre Dernière intervention 3 août 2020 - 2 août 2020 à 20:47
carterj Messages postés 44 Date d'inscription lundi 4 septembre 2017 Statut Membre Dernière intervention 3 août 2020 - 3 août 2020 à 14:30

Bonjour,

Alors voila d’habitude sa fonctionné mais la plus


function sendMessage(e){

   e.preventDefault();
.......
.....
...
..
}

document.querySelector('form').addEventListener('submit', sendMessage);

a l'aide d'un formulaire ou j'ai un Textarea et un button submit, j'essai d’empêcher l'action par défaut qui est action="send.php" pour envoyer mon form avec ajax.

merci d'avance

A voir également:

Event preventDefault fonctionne plus
Event viewer - Télécharger - Divers Réseau & Wi-Fi
Epson event manager ✓ - Forum Imprimante
Sport event 365 avis ✓ - Forum Microsoft Office
Réinstaller le pilote d'un scanner Epson sous Windows 10? ✓ - Forum Windows 10
Comment charger Epson scan et Epson Event manager - Forum Imprimante

3 réponses

Réponse 1 / 3

jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649
2 août 2020 à 22:12

addEventListener('submit', sendMessage(e));

carterj Messages postés 44 Date d'inscription lundi 4 septembre 2017 Statut Membre Dernière intervention 3 août 2020 1
Modifié le 2 août 2020 à 22:30

Merci,

j'avais déjà fait ça elle return une erreur "Uncaught ReferenceError: e is not defined " a la line

document.querySelector('form').addEventListener('submit', sendMessage(e));

je mes suis dis qu'il était hors de porter mais sa n'est ressoude pas mon problème de preventDefault.

jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649 > carterj Messages postés 44 Date d'inscription lundi 4 septembre 2017 Statut Membre Dernière intervention 3 août 2020
2 août 2020 à 23:16

Essaye ceci

document.querySelector("form").addEventListener("click", function(event) {
      event.preventDefault();
     sendMessage();
}, false);

carterj Messages postés 44 Date d'inscription lundi 4 septembre 2017 Statut Membre Dernière intervention 3 août 2020 1 > jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024
2 août 2020 à 23:43

ça marche toujour pas voila tout mon code
HTML


<form method="post" action="send.php?action=write">
 <input type="text" class="form-control" id="contenu">
  <button type="submit" class="btn_send"">Envoyer</button>
 </form>

ma function


  function sendMessage(event){

  event.preventDefault();

  const content = document.querySelector('#content');

  const data = new FormData();
  data.append('content', content.value);

  const requeteAjax = new XMLHttpRequest();
  requeteAjax.open('POST', 'send.php?action=write');

  requeteAjax.onload = function(){
    content.value = '';
    content.focus();
    
  }

  requeteAjax.send(data);
  
}

document.querySelector("form").addEventListener("click", function(event) {
      event.preventDefault();
     sendMessage();
}, false);

Réponse 2 / 3

jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649
3 août 2020 à 00:54

Déjà... ça serait bien que tu précises le langage dans les balises de code... histoire qu'on ait la coloration syntaxique et la numérotation des lignes.
Explications sur l'utilisation des balises de code à lire ENTIEREMENT disponibles ici :
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

Ensuite,
si tu ouvres la console JS de ton navigateur... tu dois certainement y voir un joli message d'erreur....
Change ton code par :


  function sendMessage(){
    let content = document.querySelector('#content');
    let data = new FormData();
    data.append('content', content.value);
 
   let requeteAjax = new XMLHttpRequest();

   requeteAjax.open('POST', 'send.php?action=write');

    requeteAjax.onload = function(){
      if (requeteAjax.readyState === 4) {
            if (requeteAjax.status === 200) {
                content.value = '';
                content.focus();  
            } else {
                console.error(requeteAjax.statusText);
            }
        }

   }

  requeteAjax.send(data);
  
}

document.querySelector("form").addEventListener("click", function(event) {
     event.preventDefault();
     sendMessage();
}, false);

Réponse 3 / 3

carterj Messages postés 44 Date d'inscription lundi 4 septembre 2017 Statut Membre Dernière intervention 3 août 2020 1
3 août 2020 à 14:30

Merci du conseil :).

  echo "hmm ceci est en PHP";

   document.getElementById("error_message").style.display = "block";
/* js */

Merci tout roule .

Discussions similaires

sports events 365 place de foot

achat de place de foot sur viagogo pas de mail de confirmation

A quoi servent ces logiciels ?

passion event la honte inadmissible

[Virus] Broadcast Event window

Discussions similaires

Newsletters