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, как в onclick="checkEntries(); return false", или добавление onsubmit="return false" к элементу <form>.