Сброс значений с помощью jquery

Question

Попытка сброса значения ввода пустым с помощью кнопки и jquery, но это дает

Uncaught TypeError: $ (...). Сброс не является функцией

$(document).ready(function() {
  $("#reset_btn").click(function() {
    $("#buy").reset();
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<input type="number" class="form-control" id="buy" placeholder="Buy Amount" name="buy">

<button type="button" class="btn btn-secondary" id="reset_btn">RESET</button>

Answer 1

Одним из вариантов удаления значения ввода является использование .val("").В основном установка значения в пустую строку.

Вот пример:

$(document).ready(function() {
  $("#reset_btn").click(function() {
    $("#buy").val("");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<input type="number" class="form-control" id="buy" placeholder="Buy Amount" name="buy">

<button type="button" class="btn btn-secondary" id="reset_btn">RESET</button>

Answer 2

Как четко указано в сообщении об ошибке, reset() не является методом jQuery. Вместо этого вы захотите вызвать собственный элемент формы reset(). Для этого вам, конечно, понадобится элемент формы.

$(document).ready(function() {
  $("#reset_btn").click(function() {
    $("#form")[0].reset();
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<form id="form">
  <input type="number" class="form-control" id="buy" placeholder="Buy Amount" name="buy">

  <button type="button" class="btn btn-secondary" id="reset_btn">RESET</button>
</form>

Answer 3

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

Очистить значение вместо сброса.