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

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

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

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

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

6 ответов:

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

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

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

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

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

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

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

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