1

Galera eu queria pegar o value do Campo aonde coloca o valor do R$ e limitar [tipo (1<= 99 ) *23 e (>100) *25 ] tem como ?

Código que tenho:

<!DOCTYPE html>
<html>
<head>
       <script src="jquery.min.js" type="text/javascript"></script>
    <script src="jquery.maskMoney.js" type="text/javascript"></script>
    <style>
        * { margin: 0; padding: 0; font-size: 13px; font-family: Verdana;}
        #main { width: 1500px; height: 1800px; margin: auto;}
        section { margin-top: -385px; margin-left: 608px; }
        #demo3 { display: none;}
    </style>
</head>
<body>
<script> 
function soma() 
{
form.campo4.value = parseInt(form.campo1.value*1) * parseInt(form.campo2.value*1) 
}
</script>
<script type="text/javascript">
$(function(){
 $("#demo4").maskMoney({symbol:'R$ ', 
showSymbol:true, thousands:'', decimal:'.', symbolStay: false});
 })

 $(function() {
   $(document).on('click', 'input[value][id=demo4]', function() {
     this.select();
   });

 });
 $("#demo4").bind('input propertychange', function(){
    if($(this).val() > 4){
         $(this).val() = 4;
    }else if($(this).val() < 1){
         $(this).val() = 1;
    }
});

</script>
<script>
  function limitarInput(obj) {
    obj.value = obj.value.substring(0,8);
     }
</script>

<div id="main">
<section>
<form name="form">
<input name="campo1" id="demo4" value="00,00" onkeyup="limitarInput(this)" style="width: 200px; height: 50px; background-color: transparent; font-size: 30px; text-align: center; color: darkolivegreen"><br> 

<input name="campo2" value="12" id="demo3"><br>  

    <input type="button" onclick="soma()" value="CALCULAR"
       style="width: 200px; height: 40px; background-color: transparent; font-size: 30px; margin-top: 26px; cursor: pointer; text-align: center; color: transparent; border: 1px solid black;">

<input name="campo4" readonly id="resultado" value=""  style="width: 200px; height: 50px; background-color: transparent; font-size: 30px; margin-top: 0px; display: block; text-align: center; color: maroon"><br>
    </form>
</section>
</div>
</body>
</html>
5
  • Tem como explicar melhor essa condição de limitação? Ficou confusa.
    – Woss
    Commented 3/09/2017 às 13:43
  • Tipo Anderson isso aqui olha Commented 3/09/2017 às 14:35
  • imgur.com/a/dnoax Queria adicionar no meu código ai eu deixava o campo 2 com o value vazio para ele pegar direto do Código JavaScript Commented 3/09/2017 às 14:38
  • Esse código da imagem, a princípio, parece funcionar. Então qual é o problema?
    – Woss
    Commented 3/09/2017 às 14:41
  • Já resolvi o Amigo Leo Caracciolo já solucionou o meu problema obrigado | Anderson Carlos Woss pela ajuda :) Commented 3/09/2017 às 15:06

1 Resposta 1

3

É só comparar o valor do input e impor condição

function soma() 
{
	var valor;
	var campo = form.campo1.value;
	if(campo >=1  && campo < 100){
		valor=23;
	}else{
		valor=25;
	}
	form.campo4.value = parseInt(campo) * parseInt(valor) 
}

  function limitarInput(obj) {
    obj.value = obj.value.substring(0,8);
  }
<div id="main">
<section>
<form name="form">
<input name="campo1" id="demo4" value="00,00" onkeyup="limitarInput(this)" style="width: 200px; height: 50px; background-color: transparent; font-size: 30px; text-align: center; color: darkolivegreen"><br>  

    <input type="button" onclick="soma()" value="CALCULAR"
       style="width: 200px; height: 40px; background-color: transparent; font-size: 30px; margin-top: 26px; cursor: pointer; text-align: center; color: transparent; border: 1px solid black;">

<input name="campo4" readonly id="resultado" value=""  style="width: 200px; height: 50px; background-color: transparent; font-size: 30px; margin-top: 0px; display: block; text-align: center; color: maroon"><br>
    </form>
</section>
</div>

Caso queira utilizar parte decimal, conforme observação do comentário do Anderson Carlos Woss, e que pode dar uma diferença substancial no resultado, use parseFloat no lugar de parseInt

function soma() 
{
	var valor;
	var campo = form.campo1.value;
	if(campo >=1  && campo < 100){
		valor=23;
	}else{
		valor=25;
	}
	form.campo4.value = parseFloat(campo) * parseFloat(valor) 
}

  function limitarInput(obj) {
    obj.value = obj.value.substring(0,8);
  }
<div id="main">
<section>
<form name="form">
<input name="campo1" id="demo4" value="00,00" onkeyup="limitarInput(this)" style="width: 200px; height: 50px; background-color: transparent; font-size: 30px; text-align: center; color: darkolivegreen"><br>  

    <input type="button" onclick="soma()" value="CALCULAR"
       style="width: 200px; height: 40px; background-color: transparent; font-size: 30px; margin-top: 26px; cursor: pointer; text-align: center; color: transparent; border: 1px solid black;">

<input name="campo4" readonly id="resultado" value=""  style="width: 200px; height: 50px; background-color: transparent; font-size: 30px; margin-top: 0px; display: block; text-align: center; color: maroon"><br>
    </form>
</section>
</div>

2
  • Carakaaaaaaaaaaaaaa tu é mito cara obrigadão <3 Me ajudou Muito Commented 3/09/2017 às 14:45
  • Uma pequena observação: talvez seja interessante utilizar o parseFloat, considerando que o valor é referente a um preço e pode conter parte decimal.
    – Woss
    Commented 3/09/2017 às 15:09

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .