jquery как очистить поле ввода

Я нахожусь в мобильном приложении, и я использую поле ввода, чтобы пользователь отправил номер.

когда я возвращаюсь и возвращаюсь на страницу, поле ввода представляет последний номер ввода, отображаемый в поле ввода.

есть ли способ очистить поле при каждой загрузке страницы?

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

6 ответов

вы можете очистить поле ввода с помощью $('#shares').val('');

328
$(document).ready(function(){
  $('#shares').val('');
});
18

задание val('') очистит поле ввода. Таким образом, вы бы использовали это:

очистить поле ввода при загрузке страницы:

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

поскольку вы используете jQuery, как насчет использования триггера -сброс:

$(document).ready(function(){
  $('#shares').trigger(':reset');
});
2

при отправке формы используйте метод reset в форме. Метод Reset() сбрасывает значения всех элементов в форме.

$('#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>
1

Если вы нажмете кнопку" назад", она обычно имеет тенденцию прилипать, что вы можете сделать, когда форма будет отправлена очистить элемент, прежде чем он перейдет на следующую страницу, но после того, как вы сделаете с элементом то, что вам нужно.

    $('#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>");
            });
0