HTML и Javascript автоматизированный документ стирают записи после события OnClick

Question

Я автоматизирую документ с помощью html и javascript через MS Notepad. До сих пор у меня было много текста, несколько текстовых полей и кнопка, которая будет выполнять функцию javascript после ввода числа в одно из текстовых полей. Этот документ заполнен только частично; однако я заметил, что после того, как я добавляю записи в свои текстовые поля и затем нажимаю кнопку, все мои записи стираются. Я полагаю, что это какая-то проблема обратной передачи; однако я подумал, что использование события onlick с javascript не приведет к выполнению команды на стороне сервера. Кроме того, мой документ весь клиентский код. По сути, это просто текст, HTML и, в настоящее время, одна функция JS.

В качестве повторения, кто-нибудь знает, почему мои записи в текстовом поле стираются после выполнения события onclick кнопки, и как это предотвратить? Кроме того, событие onclick выполняет функцию JS, которая является оператором if, добавляющим больше текста в документ.

Спасибо,

DFM

Answer 1

Если в форме есть кнопка <input type="submit">, то при нажатии кнопки форма будет отправлена, даже если у вас есть обработчик onclick. Есть несколько способов решить эту проблему *, но самый простой способ состоит в том, чтобы изменить кнопку на type="button", которая идентична, за исключением того, что нажатие на нее ничего не передает.

<input type="button" onclick="checkEntries()" />

* Другие решения включают добавление return false к вашему обработчику onclick="checkEntries(); return false", как в onsubmit="return false", или добавление <form> к элементу <=>.