Soma de campos OnSubmit

[demondark 0]

Galera, sou muito ruim em JS, entendo nada mesmo.

Ate tentei me arriscar em 1 script que tinha pronto aqui mas nao consegui fazer o que preciso.

 

 

Tenho 4 campos

Valor Total:</td><td><input name="valorTotal" type="text" alt="valor" />
Valor Principal:</td><td><input name="valorPrincipal" type="text"  alt="valor" />
Valor Juros:</td><td><input name="valorJuros" type="text"  alt="valor" />
Valor Multa:</td><td><input name="valorMulta" type="text"  alt="valor" />

 

Esses 4 campos só aceita decimal (Isso ta pronto)

Então ele só aceita assim:

 

10.00 / 54.00

Eu preciso que ao dar SUBMIT tenha uma JS que some os 3 campos valorPrincipal+valorJuros+valorMulta e compare com valorTotal.

 

Se o valor for IGUAL, continua e vai para action. Caso contrario ele informe que o valor está errado.

Alguem tem uma dica?

[Justin Bieber 0]

Valor Total:</td><td><input name="valorTotal" id="valorTotal" type="text" alt="valor" />
Valor Principal:</td><td><input name="valorPrincipal" id="valorPrincipal" type="text"  alt="valor" />
Valor Juros:</td><td><input name="valorJuros" id="valorJuros" type="text"  alt="valor" />
Valor Multa:</td><td><input name="valorMulta" id="valorMulta" type="text"  alt="valor" />

function Compara(){
  var valor1 = document.getElementById("valorTotal").value;
  var valor2 = document.getElementById("valorJuros").value;
  var valor3 = document.getElementById("valorMulta").value;
  var valor_total = document.getElementById("valorTotal").value;

  var total = valor1 + valor2 + valor3;

  if(total != valor_total)
  {
      alert("valor não bateu");
      return(false);
  }
}

 

<form onsubmit="return Compara()">

[demondark 0]

Justin, TE AMO!!!!!!!!!!!!

 

 

Mas nao funciono.

 

Acredito que sejá algum detalhe, to começando a ver isso agora.

Dica?

[Justin Bieber 0]

Devolve algum erro de script ?

O que você ta usando ? IE ou FF ?

 

Se for FF baixe o complemento Firebug.

Se for IE veja no canto esquerdo na barra de status se dá erro.

[demondark 0]

Unico erro que da no OnSubmit.

 

NAO ENTENDI NADA

 

There is no attribute ...
Cause:

The element uses an attribute that does not exist. This error can be caused by:

   Using proprietary attribute of IE or Netscape
   Incorrect choice of the document type. Deprecated attributes are not part of HTML 4.01 Strict.
   Mistyping the attribute name 

This is usually fixed by using CSS to achieve the desired effect instead. 

[Justin Bieber 0]

Poste o que você está fazendo !!

[demondark 0]

Olha meu codigo todo.

 

<script type="text/javascript">
function Compara(){
  var valor1 = document.getElementById("valorTotal").value;
  var valor2 = document.getElementById("valorJuros").value;
  var valor3 = document.getElementById("valorMulta").value;
  var valor_total = document.getElementById("valorTotal").value;

  var total = valor1 + valor2 + valor3;

  if(total != valor_total)
  {
      alert("valor não bateu");
      return(false);
  }
}
</script>

111
<form action="index.php?subtopic=acionamentoFicha&action=addpagamentoSave" method="post"  ENCTYPE="multipart/form-data" onSubmit="return Compara()" >
<table>
<tr><td>Data Pagamento: </td><td><input name="datapag" type="text"  alt="date"/></td></tr>

<tr><td>Recibo:</td><td>
<input name="recibo" type="text" alt="10num" />
</td></tr>
<tr><td>tipo:</td><td><select name="tipo">
<option>Selecione tipo</option>
<option value="s">Sin.</option>
</select></td></tr>

<tr><td>Forma Pag.:</td><td><select name="formapag">
<option>Selecione tipo</option>
<option value="boleto">Boleto</option>
<option value="guia">Guia</option>
<option value="cheque">cheque</option>
<option value="depStander">Deposito - Stander</option>
<option value="depSind">Deposito - Sindicato</option>
</select></td></tr>

<tr><td>Perido: </td><td><input name="periodo" type="text" alt="ano" /></td></tr>

<tr><td>Valor Total:</td><td><input name="valorTotal" type="text" alt="valor" /></td></tr>
<tr><td>Valor Principal:</td><td><input name="valorPrincipal" type="text"  alt="valor" /></td></tr>
<tr><td>Valor Juros:</td><td><input name="valorJuros" type="text"  alt="valor" /></td></tr>
<tr><td>Valor Multa:</td><td><input name="valorMulta" type="text"  alt="valor" /></td></tr>


<tr><td>Enviar Foto: </td><td><input type="file" size="30" name="foto"></td></tr>
<tr><td></td><td><input type=submit value="Ok!" ></td></tr>
</table>

</form>

[Justin Bieber 0]

Se você nao reparou no código que postei eu acrescentei o ID nos campos Texts.

Observe novamente.