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> элементу.