calculo em formulário

opeta · Fevereiro 22, 2015

amigos estou fazendo um formulário e preciso da ajuda de vcs já que meu conhecimento em jquery é bem limitado, mais já consegui fazer bastante coisa já pesquisei muito e vocês são minha última esperança. Meu primeiro problema é que tenho um select id "t4" que é multiplicado pelo input disc4a até ai tudo bem funciona mais tenho que limitar o resultado de acordo com o valor do select por exemplo se eu selecionar 0.50 e digitar no input qualquer número esse resultado não pode ultrapassar 2.00 assim como 0.25 não pode ultrapassar 1.00 e 0.20 ultrapassar 0.80.

Meu sengundo problema é fazer aparecer no input id "total1a" o resultado da soma entre os campos disc1a até disc7a conforme forem aparecendo.

segue abaixo meu código e desde já agradeço qualquer ajuda.

<script src="js/jquery-1.7.1.js"></script>
<script language="javascript">




$(window).load(function(){
		    // Somente numeros
	    $('.nr').keyup(function() {
	var valor = $(this).val().replace(/[^0-9]+/g,'');
	        $(this).val(valor);
	    });
	
$("#disc1a").keyup(function(){
    
    var quantidade = $(this).val();
    var valor      = $("#t1").val();
	var soma = "";
			if ((quantidade != "") && (valor != "")){

			soma = (parseFloat(valor) * parseInt(quantidade));

			if(isNaN(soma)){

				soma = "";

			}else{

				soma = soma.toFixed(2);

			}

		}

    
    $("#promo1a").val(soma);
});
$("#disc2a").keyup(function(){
    
    var quantidade = $(this).val();
    var valor      = $("#t2").val();
	var soma = "";
			if ((quantidade != "") && (valor != "")){

			soma = (parseFloat(valor) * parseInt(quantidade));

			if(isNaN(soma)){

				soma = "";

			}else{

				soma = soma.toFixed(2);

			}

		}

    
    $("#promo2a").val(soma);
});

$("#disc3a").keyup(function(){
    
    var quantidade = $(this).val();
    var valor      = $("#t3").val();
	var soma = "";
			if ((quantidade != "") && (valor != "")){

			soma = (parseFloat(valor) * parseInt(quantidade));

			if(isNaN(soma)){

				soma = "";

			} if ((soma < "1.50")){
				
			soma = soma.toFixed(2);	
			
			}else{

			soma = "1.50";	

			}

		}

    
    $("#promo3a").val(soma);
});


$("#t4").change(function(){
    
    var quantidade = $(this).val();
    var valor      = $("#disc4a").val();
	var soma = "";
	
			if ((quantidade != "") && (valor != "")){

			soma = (parseFloat(quantidade) * parseInt(valor));

			if(isNaN(soma)){

				soma = "";

			}else{

				soma = soma.toFixed(2);

			}

		}

    
    $("#promo4a").val(soma);
});


});  

function calcula(){
        var valor = 0; 
 
        $('.soma').each(function(i){ 

            valor = parseFloat($(this).val()) + valor ;
			});
         

		valor = valor.toFixed(2);
		
        $('#total1a').val( valor );
		
    }
</script>

<link href="tema/css/info.css" rel="stylesheet" type="text/css">


<table class='wrapper' width="800" cellspacing='1' cellpadding='2' >

    <tr>
      <td width="205" colspan="4" rowspan="2" align="center" class="row1">DADOS APURADOS</td>
      <td width="56" rowspan="2" align="center" class="row1">VALOR</td>
      <td rowspan="2" class="row1" align="center">DISCRIMINAÇÃO</td>
      <td colspan="2" class="row1" align="center">SEM/PROM</td>
    </tr>
    <tr>
      <td width="29" class="row2"><input name="sem1" type="text" id="sem1" size="1"></td>
      <td width="53" class="row2"><input name="semdt1" type="text" id="semdt1" value="<?php echo date('Y') ?>" size="3"></td>
    </tr>
    <tr>
      <td width="205" rowspan="7" class="row1" align="center">P<br /> O <br />N <br />T <br />O <br />S <br /><br /><br />
        P<br />
        O<br />
        S<br />
        I<br />
        T<br />
        I<br />
        V <br />
        O<br />
      S</td>
      <td width="205" rowspan="4" align="center" class="row1">TEMPO<br />DE<br />SERVIÇO</td>
      <td colspan="2" class="row3">FUNÇÃO </td>
      <td class="row3">
      <input name="t1" type="text" disabled="disabled" id="t1" value="0.10" size="5"></td>
      <td width="45" class="row3"><input name="disc1a" type="text" id="disc1a" class="nr" size="9"></td>
      <td colspan="2" class="row3"><input name="promo1a" type="text" id="promo1a" class="soma" size="12"></td>
    </tr>
    <tr>
      <td colspan="2" class="row2">PERMANÊNCIA </td>
      <td class="row2">
      <input name="t2" type="text" disabled="disabled" id="t2" value="0.20" size="5"></td>
      <td class="row2"><input name="disc2a" type="text" id="disc2a" class="nr" size="9"></td>
      <td colspan="2" class="row2"><input name="promo2a" type="text" id="promo2a" class="soma" size="12"></td>
    </tr>
    <tr>
      <td colspan="2" class="row3">INSTRUTOR</td>
      <td class="row3"><input name="t3" type="text" disabled="disabled" id="t3" value="0.25" size="5"></td>
      <td class="row3"><input name="disc3a" type="text" id="disc3a" class="nr" size="9"></td>
      <td colspan="2" class="row3"><span class="row2">
        <input name="promo3a" type="text" id="promo3a" class="soma" size="12">
      </span></td>
    </tr>
    <tr>
      <td colspan="2" class="row2">FUNÇÃO</td>
      <td class="row2"><select name="t4" id="t4">
        <option selected="selected">SELECIONE</option>
        <option value="0.50">EM 0.50</option>
        <option value="0.25">GCG 0.25</option>
        <option value="0.20">DIRETORIA 0.20</option>
      </select></td>
      <td class="row2">
        <input name="disc4a" type="text" id="disc4a" class="nr" size="9">
      </td>
      <td colspan="2" class="row2"><input name="promo4a" type="text" id="promo4a" size="12"></td>
    </tr>
    <tr>
      <td colspan="3" class="row3">APROVEITAMENTO</td>
      <td class="row3"><input name="fer" type="text" disabled="disabled" id="fer" value="0.15" size="5"></td>
      <td class="row3"><input name="disc5a" type="text" id="disc5a" size="9"></td>
      <td colspan="2" class="row3"><span class="row2">
        <input name="promo5a" type="text" id="promo5a" size="12">
      </span></td>
    </tr>
    <tr>
      <td rowspan="2" class="row1">TRABALHOS</td>
      <td colspan="2" class="row2">CATEGORIA "A"</td>
      <td class="row2"><input name="tab1" type="text" disabled="disabled" id="tab1" value="0.50" size="5"></td>
      <td class="row2"><span class="row3">
        <input name="disc6a" type="text" id="disc6a" size="9">
      </span></td>
      <td colspan="2" class="row2"><input name="promo6a" type="text" id="promo6a" size="12"></td>
    </tr>
    <tr>
      <td colspan="2" class="row3">CATEGORIA "B"</td>
      <td class="row3"><input name="tab2" type="text" disabled="disabled" id="tab2" value="0.10" size="5"></td>
      <td class="row3"><input name="disc7a" type="text" id="disc7a" size="9"></td>
      <td colspan="2" class="row3"><span class="row2">
        <input name="promo7a" type="text" id="promo7a" size="12">
      </span></td>
    </tr>
    <tr>
      <td colspan="6" class="row3" align="right">(1) SOMA DOS PONTOS POSITIVOS</td>
      <td colspan="2" class="row3"><span class="row2">
        <input name="total1a" type="text" id="total1a" onkeyup="up(this)" onblur="calcula();" size="12">
      </span></td>
    </tr>
</table>

biza · Fevereiro 22, 2015

vê se isso te ajuda na ultima parte

function calcula(){
var valor=0;
$(".soma").each(function(){
if(!isNaN(this.value)&&this.value.length!=0){
valor +=parseFloat(this.value);}
});
$("#total1a").html(valor.toFixed(2));

    }

opeta · Fevereiro 22, 2015

vê se isso te ajuda na ultima parte
function calcula(){
var valor=0;
$(".soma").each(function(){
if(!isNaN(this.value)&&this.value.length!=0){
valor +=parseFloat(this.value);}
});
$("#total1a").html(valor.toFixed(2));

    }
infelizmente não foi, neste segundo problema o que acontece do jeito que está até funciona mais eu tenho que clicar no input e desfocar dele para que ele dê o resultado da soma :( e eu queria que a soma acontecesse quando as multipliclações forem dando o resuldado.

no primeiro problema eu havia colocado o evento como keyup como os outros, mais desse jeito eu não consigo pegar o valor do select para fazer um if e limitar o resultado pois o evento só acontece depois de digitar no input

opeta · Fevereiro 22, 2015

fiz uma amostra para melhor vizualização do problema se for contra as regras por favor me avisem que retiro o link

https://jsfiddle.net/opeta/38av49L9/8/

Entrar

Arquivado

calculo em formulário

Recommended Posts

opeta 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

biza 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

opeta 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

opeta 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante