[HTML5] remettre a zéro une zone de texte

23 juin 2017 à 9:12:59

Bonjour, j'ai un morceaux de code html ou je crée un zone de texte et je voudrait que après l'action ait été effectué elle soit effacer sans que le code de redémarre lui même (ligne 16)

<!DOCTYPE html>
<html lang="fr">
  <head>
      <meta charset="utf-8" />
      <link rel="stylesheet" href="style.css" />
      <title>ChatBox</title>
  </head>
  <body>
    <div class="container">
      <div class="chat">
        <div id="chatZone" name="chatZone">
        </div>
        <form onsubmit="chat.sendMsg(); return false;">
          <label for="msg" style="float:left">Message:
          </label>
          <input type="text" id="msg" name="msg" autofocus="true" placeholder="Tapez votre message ici" />
          <input type="submit" />
          </label>
        </form>
      </div>
    </div>
    <script type="text/javascript" src="chat.js">
    </script>
  </body>
</html>

J'ai essyer avec la ligne suivante:

 <input type="text" id="msg" name="msg" autofocus="true" placeholder="Tapez votre message ici" onKeyPress="if(event.keyCode == 13){msg.value=''}"/>

mais rien du tout, sa efface la zone trop tôt.

comment puis-je effacer cette zone (la variable est "msg") ?

merci d'avance

darenju

23 juin 2017 à 10:09:29

if (event.keyCode == 13) this.value = '';

Développeur Front-End freelance disponible pour contrats ! En guerre contre l'utilisation abusive de jQuery.

RedRaven

23 juin 2017 à 10:26:17

darenju a écrit:

if (event.keyCode == 13) this.value = '';

Deja fait et malheureusement sa efface ma zone de texte en meme temps de l'envois donc sa n'envois rien

darenju

23 juin 2017 à 10:37:05

Dans ce cas :

<form onsubmit="chat.sendMsg(); this.reset(); return false;">

Développeur Front-End freelance disponible pour contrats ! En guerre contre l'utilisation abusive de jQuery.

RedRaven

23 juin 2017 à 10:48:58

darenju a écrit:

Dans ce cas :

<form onsubmit="chat.sendMsg(); this.reset(); return false;">

Je viens d’essayer et sa ne marche pas, je met la ligne peut être au mauvaise endroit, ou tu la mets ?

darenju

23 juin 2017 à 13:39:07

Bah, sur le formulaire ?

Développeur Front-End freelance disponible pour contrats ! En guerre contre l'utilisation abusive de jQuery.

RedRaven

26 juin 2017 à 9:22:53

darenju a écrit:

Bah, sur le formulaire ?

Je l'ai tester et aucun résultat, je suis preneur en cas d'une autre solution