Gostaria de mostrar uma variável em um campo de texto, mas infelizmente quando eu clicko no botão submit para rodar o código! ele da uma atualizada na pagina (envia os dados) e a mostra por alguns instantes. é uma duvida bem simples!
gostaria que não desse esse reflesh e apenas mostrasse a variável no campo de texto!
<html>
<head>
<title>Exemplo 1</title>
<script language="javascript">
function Validar() {
var sal = document.getElementById("salario").value;
var reg = document.getElementById("registro").value;
var nom = document.getElementById("nome").value;
var imp = document.getElementById("imposto").value;
if (sal == "" || nom == "" || reg == "") {
alert("Preencha os dados");
return false;
}
if(sal < 1.434) {
var resultado;
resultado = 0;
document.getElementById("imposto").value = resultado;
return true;
}
if(sal >= 1.434 && sal < 2.150) {
resultado = (sal/100);
resultado = resultado * 7.5;
document.getElementById("imposto").value = resultado;
return true
}
if( sal >= 2.150 && sal < 2.866) {
resultado = (sal/100);
resultado = resultado * 15;
document.getElementById("imposto").value = resultado;
return true
}
if(sal >=2.866 && sal < 3.582) {
resultado = (sal/100);
resultado = resultado * 22.5;
document.getElementById("imposto").value = resultado;
return true
}
if(sal >= 3.582) {
resultado = (sal/100);
resultado = resultado * 27.5;
document.getElementById("imposto").value = resultado;
return true
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="" onSubmit="return Validar()" >
<p>Registro:
<label for="textfield"></label>
<input type="text" name="textfield" id="registro">
<br>
Nome:
<label for="textfield2"></label>
<input type="text" name="textfield2" id="nome">
<br>
Salário:
<input type="text" name="textfield3" id="salario">
<br>
<input type="submit" name="button" id="button" value="Submit">
<br>
Imposto:
<label for="textfield4"></label>
<input type="text" name="textfield4" id="imposto">
</p>
</form>
</body>
</html>