HTML e Javascript Automated documento apaga entradas após OnClick evento

Question

Estou automatizar um documento com HTML e JavaScript através de MS Notepad. Até agora, eu tenho muito texto, algumas caixas de texto e um botão, que irá executar uma função javascript depois de um número é introduzido em uma das caixas de texto. Este documento é apenas parcialmente concluída; No entanto, notei que depois que eu adicionar entradas nas minhas caixas de texto e, em seguida, pressione o botão, todas as minhas entradas de apagamento. Eu acredito que esta é uma questão de postagem de algum tipo; No entanto, eu pensei que usando um evento onlick com javascript não executar um comando do lado do servidor. Além disso, meu documento é todo o código do lado do cliente. Basicamente, é apenas texto, html, e, atualmente, uma função JS.

Como uma reiteração, alguém sabe por que minhas entradas de caixa de texto apagar depois executa evento onclick de um botão, e como impedir que isso aconteça? Além disso, o evento onclick executa a função JS, que é uma instrução if que adiciona mais texto para o documento.

Obrigado,

DFM

Answer 1

Se você tem um botão <input type="submit"> em sua forma, em seguida, quando você pressiona o botão do formulário vai ser submetido, mesmo se você tiver um manipulador de onclick. Existem várias maneiras de resolver esse *, mas a maneira mais fácil é mudar o botão para type="button", que é idêntica, exceto clicando nele não se submete nada.

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

* Outras soluções incluem a adição de return false para o manipulador onclick, como em onclick="checkEntries(); return false", ou a adição de onsubmit="return false" ao elemento <form>.