jquery - 大于/小于问题

Question

我想验证用户输入。如果用户输入的数字大于 3，则应抛出错误“Too high”，如果小于 0.15，则应抛出“Too low”错误。如果它在 3 到 0.15 之间，那么它应该显示“好的”。

我的代码的问题是，如果用户输入了负值，它仍然向他显示“好的”。似乎无论用户输入什么，它都会显示“好的”。

这是代码:

$('#submit').click(function(e) {
        vel = $('#vel').val();
        validVel(vel);
});

function validVel(v) {

    if (v > 3) {
        $('.er').fadeIn(2000);
        var error = "Too High";
        $('.er').text(error);   
    }
    else if (v < 0.15) {
        $('.er').fadeIn(2000);
        var error = "Too Low";
        $('.er').text(error);   
    }
    else {
        $('.er').fadeIn(2000);
        var error = "Okay";
        $('.er').text(error);
    }


}

Answer 1

您的函数中需要有一个 parseFloat 以确保相等检查有效。正如 WilQu 所指出的，您还应该包括 isNaN测试 -

function validVel(v) {

    fv = parseFloat(v);

    if (fv > 3) {
        $('.er').fadeIn(2000);
        var error = "Too High";
        $('.er').text(error);   
    }
    else if (fv < 0.15) {
        $('.er').fadeIn(2000);
        var error = "Too Low";
        $('.er').text(error);   
    }
    else if (isNaN(fv)) {
        $('.er').fadeIn(2000);
        var error = "Not a number";
        $('.er').text(error);   
    }   
    else {
        $('.er').fadeIn(2000);
        var error = "Okay";
        $('.er').text(error);
    }
} 

演示 - http://jsfiddle.net/AyhRS/7