У меня есть кнопка ( <input type="submit">
). При нажатии страница перезагружается. Поскольку у меня есть некоторые hide()
функции jQuery , которые вызываются при загрузке страницы, это приводит к тому, что эти элементы снова скрываются. Как заставить кнопку ничего не делать, чтобы я мог добавить какое-то действие, которое происходит при нажатии кнопки, но не перезагружает страницу.
html
javascript-events
button
Анкур
источник
источник
<input type='button' />
.Используйте либо
<button>
элемент, либо расширение<input type="button"/>
.источник
<button>
размещении вне формы обновление не происходит!type="button"
к<button>
элементу в хроме, и он неВ HTML:
чтобы избежать обновления на всех «кнопках», даже с назначенным onclick.
источник
Вы можете добавить обработчик нажатия на кнопку с помощью jQuery и вернуть false.
или
источник
В HTML:
С jQuery уже упоминался некий аналогичный вариант.
источник
Вы можете использовать форму с кнопкой отправки. Затем используйте jQuery, чтобы предотвратить поведение формы по умолчанию:
источник
Как указано в одном из комментариев (закопанных) выше, это можно исправить, не помещая тег кнопки внутри тега формы. Когда кнопка находится за пределами формы, страница не обновляется.
источник
Я пока не могу комментировать, поэтому отправляю это как ответ. Лучший способ избежать перезагрузки - это то, как @ user2868288 сказал: использование тега
onsubmit
вform
теге.Из всех других возможностей, упомянутых здесь, это единственный способ, который позволяет запускать новую проверку ввода данных браузера HTML5 (
<button>
не будет этого делать, ни обработчики jQuery / JS) и позволяет добавлять динамическую информацию jQuery / AJAX в страница. Например:источник