Effacer un champ de saisie après la soumission en utilisant JavaScript

Question

Je suis un débutant JavaScript. J'ai un champ de texte d'entrée que je souhaite effacer après avoir appuyé sur le bouton de soumission de formulaire. Comment ferais-je cela?

Answer 1

Dans votre élément FORM, vous devez remplacer l'événement onsubmit par une fonction JavaScript et renvoyer true.

<script type="text/javascript"> 
    function onFormSubmit() 
    { 
     document.myform.someInput.value = ""; 
     return true; // allow form submission to continue 
    } 
</script> 
<form name="myform" method="post" action="someaction.php" onsubmit="return onFormSubmit()"> 
<!-- form elements --> 
</form> 

Answer 2

Si un utilisateur appuie sur le bouton submit sur un formulaire, les données seront soumises au script donné dans l'attribut action du formulaire. Cela signifie que l'utilisateur navigue loin du site. Après un rafraîchissement (en supposant que l'action du formulaire est la même que la source), le champ de saisie sera vide (étant donné qu'il était vide en premier lieu).

Si vous soumettez les données par javascript et que vous ne rechargez pas la page, assurez-vous d'exécuter le code de Nick après avoir soumis les données.

Hope this est clair (même si je doute, mon anglais est tout à fait mal parfois) ..

Answer 3

fonction testSubmit() { var x = document.forms [ "myForm"] [ » input1 "]; var y = document.forms ["myForm"] ["input2"]; if (x.value === "") { alerte ('plz fill !!'); return false; } if (y.value === "") { alerte ('plz remplit le !!'); return false; } return true; . } fonction submitForm() { if (testSubmit()) { document.forms [ "MyForm"] submit(); // soumettre d'abord document.forms ["myForm"]. reset(); // puis réinitialiser la forme des valeurs }}

First Name: <input type="text" name="input1"/> 
    <br/> 
    Last Name: <input type="text" name="input2"/> 
    <br/> 
    <input type="button" value="Submit" onclick="submitForm()"/> 
</form>