javascript if 语句不起作用

Question

我正在尝试显示 alert如果 input 的值( inp_val ) 不在 minvalue 之间和maxvalue但它不起作用，即使值在 minvalue 之间，它也会显示警报和maxvalue .

function compare(e){
    this_id = e.id.slice(10,15);
    inp_val = e.value;
    minvalue = document.getElementById('min_' + this_id).value;
    maxvalue = document.getElementById('max_' + this_id).value;
    console.log(maxvalue);
    console.log(minvalue);
    console.log(inp_val);
    if(inp_val < minvalue){
        alert('Minimum Value: ' + minvalue + 'Input Value: ' + inp_val);
    }
    if(inp_val > maxvalue){
        alert('Maximum Value: ' + maxvalue + ' Input Value: ' + inp_val);
    }
}

我正在调用该函数与 onBlur() 进行比较:

echo '<input class="result_fields" autocomplete="off" onBlur="compare(this)" id="result_inp' . $idc . '" type="text" name="test_res' . $idc . '" />'

我尝试在 jQuery 中执行此操作，但出现相同的错误。最小值和最大值为 input类型hidden它的值存储在 MySQL 上的数据库中，并使用 php 检索，如下所示:

echo '<input type="hidden" value="' . $val_test . '" name="test_name' . $idc . '" id="test_name' . $idc . '" class="testN" />';

php 变量 $idc是一个增量函数$idc++ .

Answer 1

您需要从文本框中获取的值解析整数或 float

如果它们是整数:

minvalue = document.getElementById('min_' + this_id).value;
maxvalue = document.getElementById('max_' + this_id).value;
minvalue = parseInt(minvalue,10);
maxvalue = parseInt(maxvalue,10);

或者如果它们是 float :

minvalue = document.getElementById('min_' + this_id).value;
maxvalue = document.getElementById('max_' + this_id).value;
minvalue = parseFloat(minvalue);
maxvalue = parseFloat(maxvalue);