Код JQuery для скрытия кнопки отправки в форме после нажатия кнопки отправки формы

Question

Мне нужна помощь с заданием в моем курсе веб-программирования.Задание просит меня использовать код сценария JQuery, чтобы скрыть кнопку отправки в форме, расположенной в файле HTML.Все мои ссылки используют только одну кнопку (не находится в форме).Вот код для формы:

<form id="myForm" action="" onsubmit="" method="get">
  <input type="submit" name="submit" value="Hide Me" id="hideMe">
</form>

<script type="text/javascript">
  $("input").click(function(event {
    (this).hide();
  });
</script>

Answer 1

<script>
$("#hideMe").click(function(e) {
    e.preventDefault();
    $(this).hide();
});
</script>

Это скрывает вашу кнопку отправки при нажатии. В вашем коде отсутствует скобка. И вы должны отключить поведение кнопки по умолчанию, которое (с вашим предоставленным кодом) будет отправлять данные формы, что приведет к перезагрузке страницы, где она снова будет видна.

Я использовал идентификатор кнопки в качестве селектора, потому что при большем количестве вводов этот скрипт будет скрывать все, когда вы используете общий селектор «ввода».