jquery comment vider le champ de saisie

Je suis dans une application mobile et j'utilise un champ de saisie dans l'ordre de l'utilisateur de soumettre un certain nombre.

Quand je revenir en arrière et revenir à la page que le champ de saisie de présenter le dernier numéro de l'entrée affichée dans le champ de saisie.

Est-il un moyen pour effacer le champ à chaque fois que le chargement de la page?

$('#shares').keyup(function(){
    payment = 0;
    calcTotal();
    gtotal = ($('#shares').val() * 1) + payment;
    gtotal = gtotal.toFixed(2);
    $("p.total").html("Total Payment: <strong>" + gtotal + "</strong>");
});
  • Êtes-vous à l'aide de jQuery Mobile?
InformationsquelleAutor kosbou | 2012-02-10
  1. 358

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

    • Cela fonctionne et est est-il spécification conforme si nous avons une entrée numérique comme <input type="number" min="0' max="10" value="5"></input>? Je suppose autrement dit, vous êtes autorisé à définir une entrée numérique à vide?
    • Que diriez -.val([])?
    • Sur une note connexe, .val([]) pouvez également désélectionner tout option sélectionnée dans la liste select... pas tellement avec .val(''). La meilleure chose à ce sujet est qu'il est en charge des navigateurs. P. S: C'est une alternative à la seule autre efficace de la croix-navigateur solution - $("select option").prop("selected", false); mais fonctionne avec toutes les entrées. Grâce à Jon pour un essai, il a créé le.
    InformationsquelleAutor shaunsantacruz
  2. 20
    $(document).ready(function(){
  $('#shares').val('');
});
    InformationsquelleAutor osahyoun
  3. 7

    Réglage val('') de vider le champ de saisie. Donc vous l'utiliser ceci:

    Effacer le champ de saisie lorsque le chargement de la page:

    $(function(){
    $('#shares').val('');
});
    InformationsquelleAutor Francis Lewis
  4. 4

    Puisque vous êtes à l'aide de jQuery, comment au sujet de l'aide d'un déclencheur-réinitialiser:

    $(document).ready(function(){
  $('#shares').trigger(':reset');
});
    InformationsquelleAutor Sablefoste
  5. 4

    Tout en présentant le formulaire utiliser la méthode de réinitialisation sur le formulaire. La méthode reset() réinitialise les valeurs de tous les éléments dans un formulaire.

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

OR 

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

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

    JS:

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

    HTML:

    <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>

    InformationsquelleAutor Radhika
  6. 0

    si vous cliquez sur le bouton "retour" habituellement, il a tendance à coller, ce que vous pouvez faire est lorsque le formulaire est soumis clairement l'élément, puis avant qu'il ne passe à la page suivante, mais après l'avoir fait avec l'élément de quoi vous avez besoin.

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