Estou com um problema na comparação de valores de dois campos input
.
Quero que aconteça uma ação se o valor que está a ser inserido for inferior ao valor do input
oculto.
Imaginem que o valor do anterior tem que ser inferior ao valor do campo que estou a inserir no momento, e o valor do anterior é 8594. Se inserir 85939 ele considera este valor inferior ao anterior.
Vejam o código:
<div class="form-group">
<label for="formGroupExampleInput2">Contador Atual</label>
<br />
Valor Anterior: <span class="anterior">8594</span>
<input type="hidden" class="vant" value="8594">
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Introduzir Valor Do Contador">
$('input[type="text"]').blur(function() {
var campoV = $(this).parent().find('.anterior');
var thisvalue = $(this).val();
var anteriorValue = $(this).parent().find('.vant').val();
if(thisvalue < anteriorValue) {
campoV.css("color", "red");
} else{
campoV.css("color", "black");
//insere valor na base de dados!!
}
});