Campo com valor negativo automaticamente trocar de cor

Bom dia senhores.

Estou encarando um problema para mostrar um campo com uma cor diferente.
Ex: tenho um campo que trás valores automaticos dependendo da consulta no dataset. ele só preenche no formulário de acordo com a conta. o usuario preenche a conta e os proximos campos trazem os valores. gostaria de trocar a cor quando o campo for negativo. isso em web é tranquilo. no fluig eu não estou conseguindo validar esses valores.

alguma dica?

Veja se é isso o que procura:


$(function() {
var value = $("#inputId").val();
  if (parseFloat(value) < 0) {
    $("#inputId").css({
      'background-color': '#f3ca63',
    })
  }
});

1 curtida

é o que eu preciso mas n to conseguindo validar pq o valor do campo vem automatico do dataset. eu não preencho manual. eu faco uma consulta e dependendo do resultado o campo vem automatico negativo ou positivo.

Coloque seu código aqui para darmos uma olhada

Segue abaixo. tem esse dataset criado e a consulta trás os valores preenchidos automaticamente. O meu problema ali é que quando está com valor negativo o campo que informei ele não muda cor.

<div class="col-md-4 col-xs-12">
    <label for="C1_CONTA">Conta Contábil</label>
    <input class="form-control" type="zoom" id="C1_CONTA" name="C1_CONTA" data-zoom="{
        'displayKey':'C1_CONTA',
        'datasetId':'ds_conta_orcado',
        'placeholder':'Selecione',
        'fields':[{
            'field':'C1_CONTA',
            'label':'Conta'
        },{
            'field':'C1_DESCCTA',
            'label':'Descricao'
        },{
            'field':'DESVIOACU',
            'visible':'false'
        },{
            'field':'METACU',
            'visible':'false'
        },{
            'field':'REALACU',
            'visible':'false'
        
    }]}" />
</div>	

    <div class="col-md-4 col-xs-12">
        <label for="C1_DESCCTA">Desc. Contábil</label>
        <input class="form-control" type="text" id="C1_DESCCTA" name="C1_DESCCTA" readonly="readonly"> 
    </div>
</div>
        

<div class="row">	
    <div class="col-md-2 col-xs-12">
        <label for="DESVIOACU"> Desvio </label>
        <input class="form-control" type="number" step="0.01" id="DESVIOACU" name="DESVIOACU" readonly="readonly">

</div>	

<div class="col-md-2 col-xs-12">
    <label for="METACU"> Meta </label>
        <input class="form-control" type="number" id="METACU" name="METACU" readonly="readonly">	
</div>
    
<div class="col-md-2 col-xs-12">
        <label for="REALACU"> Realizado </label>
            <input class="form-control" type="number" id="REALACU" name="REALACU" readonly="readonly">		
    </div>


    $(function(){})
	  var nameRealizado = $("#REALACU").val();
	  if (parseFloat(nameRealizado) < 0) {
	  $("#REALACU").css({
	  'background-color': '#f3ca63',
	})
	};

Como este valor está em um zoom, você deve adaptar esta verificação dentro da função setSelectedZoomItem conforme a documentação.

2 curtidas

Vou testar essa documentação. Muito obrigado.

Bom dia. Deu certo. Só mexi na lógica. Funcionou direitinho. Muito obrigado pelo apoio.

2 curtidas