jquery як порожнє поле введення

199

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

Коли я повертаюсь назад і повертаюся на сторінку, то поле введення представляє останнє число, введене у полі введення.

Чи є спосіб очистити поле кожного разу при завантаженні сторінки?

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

— косбу
джерело

418

Поле введення можна очистити за допомогою $('#shares').val('');

— шаунсантакруз
джерело

2

Чи працює це і чи відповідає специфікація, якщо у нас є числовий вхід, як це <input type="number" min="0' max="10" value="5"></input>? Я думаю, що сказано інакше, чи дозволяється вам встановити числовий вхід порожнім?

— Кевін Вілер

3

Як щодо .val([])?

— Fr0zenFyr

3

У відповідній примітці .val([])також можна зняти будь-яку обрану опцію у списку вибору ... не так багато .val(''). Найкраще в цьому - це підтримка крос-браузера. PS: Це альтернатива лише іншим ефективним крос-браузерним рішенням, $("select option").prop("selected", false);але працює з усіма вхідними даними . Завдяки Джону за створений ним тест .

— Fr0zenFyr

29

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

— osahyoun
джерело

10

Під час подання форми використовуйте метод скидання у формі. Метод 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>

Розгорніть фрагмент

— Радхіка
джерело

Може допомогти комусь, але в цьому контексті ваша відповідь марна.

— Марко

8

Налаштування val('')спорожнить поле введення. Отже, ви використовуєте це:

Очистіть поле введення під час завантаження сторінки:

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

— Френсіс Льюїс
джерело

4

Оскільки ви використовуєте jQuery, як щодо використання тригера- скидання :

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

— Sablefoste
джерело

3

Щоб скинути текст, число, пошук, текстові введення даних:

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

Для скидання виберіть:

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

Щоб скинути радіовхід:

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

Щоб скинути введення файлу:

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

— кури
джерело

0

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

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

— Крис
джерело