Unir script

[Artes Ussler 1]

Olá

Preciso de uma ajuda de vocês.

Tenho este script que uso para efetuar um cálculo sem efetuar refresh na página:

<script type="text/javascript">
window.onload = function(){
    var i = function(id){ return document.getElementById(id); }
    i("calcula").onclick = function(){
var c1 = i("preco").value;
    var c2 = i("desconto").value;
    var result = parseFloat(c1) - ((parseFloat(c2) / 100) * parseFloat(c1));
    i("resultado").innerHTML = result.toFixed(2);
   }
}
</script>

e este outro que verifica se campo esta vazio:

<script type="text/javascript">
function validaForm(){
if(!document.formulario.desconto.value){
emBranco.style.display="block";
return false;
}
return true;
}
</script> 

Ambos funcionam perfeitamente, mas eu precisava unir os dois, ou na lógica seria: se o campo estiver preenchido, executa o calculo, mas sem fazer nenhum refresh na pagina.

Vou postar aqui também parte do formulário:

<form method="post" action="" name="formulario" enctype="multipart/form-data">
<select name="desconto" id="desconto" onfocus="emBranco.style.display='none';">
            <option value="">Tecidos:</option>
             ...
</select>
<div id="emBranco" class="alerta"> <span style="color:#FC0;">Selecione um tecido!</span> </div>
<input type="button" id="calcula" value="Calcular" onclick="return validaForm()" />
</form>

Espero que as informações sejam suficientes. Se alguém puder me ajudar, fico grato.

[Visitante]

Olá

Preciso de uma ajuda de vocês.

Tenho este script que uso para efetuar um cálculo sem efetuar refresh na página:

<script type="text/javascript">
window.onload = function(){
    var i = function(id){ return document.getElementById(id); }
    i("calcula").onclick = function(){
var c1 = i("preco").value;
    var c2 = i("desconto").value;
    var result = parseFloat(c1) - ((parseFloat(c2) / 100) * parseFloat(c1));
    i("resultado").innerHTML = result.toFixed(2);
   }
}
</script>

e este outro que verifica se campo esta vazio:

<script type="text/javascript">
function validaForm(){
if(!document.formulario.desconto.value){
emBranco.style.display="block";
return false;
}
return true;
}
</script> 

Ambos funcionam perfeitamente, mas eu precisava unir os dois, ou na lógica seria: se o campo estiver preenchido, executa o calculo, mas sem fazer nenhum refresh na pagina.

Vou postar aqui também parte do formulário:

<form method="post" action="" name="formulario" enctype="multipart/form-data">
<select name="desconto" id="desconto" onfocus="emBranco.style.display='none';">
            <option value="">Tecidos:</option>
             ...
</select>
<div id="emBranco" class="alerta"> <span style="color:#FC0;">Selecione um tecido!</span> </div>
<input type="button" id="calcula" value="Calcular" onclick="return validaForm()" />
</form>

Espero que as informações sejam suficientes. Se alguém puder me ajudar, fico grato.

<script type="text/javascript">

function validaForm(){
    if(!document.formulario.desconto.value){
        return false;
    }
        return true;
}

window.onload = function(){
    var i = function(id){ return document.getElementById(id); }
    i("calcula").onclick = function(){
    var c1 = i("preco").value;
    var c2 = i("desconto").value;
    if(validaForm()){
        var result = parseFloat(c1) - ((parseFloat(c2) / 100) * parseFloat(c1));
        i("resultado").innerHTML = result.toFixed(2);
    }else{
        emBranco.style.display="block";
    }
  }
}

</script>

[Artes Ussler 1]

Perfeito, muito obrigado!!