JavaScript if() instruction n'évaluant pas comme prévu

Question

J'ai un jsFiddle pour montrer mon problème (et vous permettre de me redresser).

Je vérifie simplement les valeurs de deux zones de texte d'entrée et d'alerter l'utilisateur si le prix maximum est inférieur au prix minimum, mais ils évaluent à rebours! J'ai si (maxValue < minValue)... mais il l'évalue comme si l'opérateur est "est plus grand que".

Que manque-t-je?!?

<form id="search" action="search.php" method="post"> 

    <label id="lblPriceMin" for="txtPriceMin">Minimum Price</label> 
    <input type="text" id="txtPriceMin" name="priceMin"></input> 
    <br /> 
    <br /> 

    <label id="lblPriceMax" for="txtPriceMax">Maximum Price</label> 
    <input type="text" id="txtPriceMax" name="priceMax"></input> 
    <br /> 
    <br /> 

    <input type="reset" id="reset" name="reset" value="Clear Form" /> 
</form> 

Voici les js,

$('#txtPriceMax').focusout(function() { 

    var minValue = $('input#txtPriceMin').val(); 
    var maxValue = $('input#txtPriceMax').val(); 

    //alert ('minValue: ' + minValue + ', maxValue: ' + maxValue); 

    if (maxValue < minValue) { 
     alert ('The maximum value (' + maxValue + ') must be greater than the minimum value (' + minValue + ')!'); 
    } 
}); 

Answer 1

Utilisez parseFloat()

jsFiddle Example

if (parseFloat(maxValue) < parseFloat(minValue))