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

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

Когда я вернусь и вернусь на страницу, на которой вводится поле ввода, последний номер вводится в поле ввода.

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

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

Вы можете очистить поле ввода, используя $('#shares').val('');

268
ответ дан 11 февр. '12 в 2:36
источник

Настройка val('') будет пустым поле ввода. Поэтому вы должны использовать это:

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

$(function(){
    $('#shares').val('');
});
6
ответ дан 11 февр. '12 в 2:37
источник

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

$(document).ready(function(){
  $('#shares').trigger(':reset');
});
2
ответ дан 12 окт. '16 в 5:55
источник

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

    $('#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
ответ дан 11 февр. '12 в 2:37
источник

При отправке формы используйте форму 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>