243 votes

jquery comment vider un champ de saisie

Je suis dans une application mobile et j'utilise un champ de saisie pour que l'utilisateur soumette un nombre...

lorsque je reviens sur la page où se trouve le champ de saisie, le dernier chiffre saisi est affiché dans le champ de saisie.

Y a-t-il un moyen d'effacer le champ à chaque fois que la page est chargée ?

        $('#shares').keyup(function(){
            payment = 0;
            calcTotal();
            gtotal = ($('#shares').val() * 1) + payment;
            gtotal = gtotal.toFixed(2);
            $("p.total").html("Total Payment: <strong>" + gtotal + "</strong>");
        });

489voto

alpacalips Points 3509

Vous pouvez effacer le champ de saisie en utilisant $('#shares').val('');

36voto

osahyoun Points 2591
$(document).ready(function(){
  $('#shares').val('');
});

29voto

rturkek Points 77

Pour réinitialiser les entrées de texte, de numéro, de recherche, de zone de texte :

$('#shares').val('');

Pour réinitialiser, sélectionnez :

$('#select-box').prop('selectedIndex',0);

Pour réinitialiser l'entrée radio :

$('#radio-input').attr('checked',false);

Pour réinitialiser l'entrée des fichiers :

$("#file-input").val(null);

15voto

Radhika Points 149

Lors de la soumission du formulaire, utilisez la méthode de réinitialisation du formulaire. La méthode reset() réinitialise les valeurs de tous les éléments d'un formulaire.

$('#form-id')[0].reset();

OR 

document.getElementById("form-id").reset();

https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reset

$("#submit-button").on("click", function(){
       //code here
       $('#form-id')[0].reset();
});

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<form id="form-id">
  First name:<br>
  <input type="text" name="firstname">
  <br>
  Last name:<br>
  <input type="text" name="lastname">
  <br><br>
  <input id="submit-button" type="submit" value="Submit">
</form> 
</body>
</html>

9voto

Francis Lewis Points 3379

Réglage de val('') videra le champ de saisie. Vous devez donc utiliser ceci :

Effacer le champ de saisie lors du chargement de la page :

$(function(){
    $('#shares').val('');
});

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X