Situação: Tem o formulário e uma das opções que eu quero é que ele de um resultado da soma de variáveis automaticamente clicando num botão ou pode ser sem clicar, apenas o usuário só digitando os valores.
O problema é: ele já esta ativando o action para a pagina de processamento em php sem o usuário terminar de completar o formulário. Como poderia fazer para mostrar o resultado da soma em baixo do botão somar (o mesmo que está ativando o action)?
código no header:
<script type="text/javascript">
function calcula(){
var val1 = document.getElementById("pa").value;
var val2 = document.getElementById("di").value;
var val3 = document.getElementById("insc").value;
var val4 = document.getElementById("outr").value;
var soma = parseFloat(val1)+parseFloat(val2)+parseFloat(val3)+parseFloat(val4);
document.write("" + soma);
}
</script>
agora o código dentro do formulário html que chama a função acima:
<legend>Calcular total.</legend>
<button id="calcular" onclick="calcula()">Calcular</button>
Aceito sugestões para se fazer de outra forma ou outra linguagem.
document.write
está sobrescrevendo o documento inteiro.alert(soma);
ele mostra o resultado (como eu quero) só que depois o formulário da o action para eu tratar as informações em outra pagina PHP, mas eu não quero isso. Quero apenas mostrar o resultado dessas variáveis somadas automaticamente dentro do próprio formulário que o usuário está preenchendo.