HTML5輸入類型數字“ 9”之后的怪異行為

Question

我的小提琴

所以我有兩個領域，浴室和（浴室）套間。

我將其限制為使連接浴室字段永遠不能大於浴室，並且，如果降低浴室的值，它會更改浴室值，因此它保持不變。

該腳本實際上很簡單並且運行良好，但是我注意到，如果我將浴室編號設置為等於或大於9的值，它將開始表現得很奇怪。 例如，如果洗手間為15，則套間會直接從1跳到15，如果降低洗手間不再起作用，則實際上就像20或2000 = 2，忽略其余數字並取值僅第一個數字。

的HTML：

<label for="fbathrooms">Bathrooms</label><input id="fbathrooms" name="fbathrooms" type="number" min="0"/><br/>
<label for="fensuite" style="display:none">En Suite</label><input id="fensuite" name="fensuite" type="number" min="0" style="display:none;"/>​

碼：

function bathroomsTrigger(){
    if($('#fbathrooms').val() > 0){
        $('#fensuite').slideDown('fast');
        $('label[for="fensuite"]').slideDown('fast');
    } else {
        $('#fensuite').slideUp('fast');
        $('label[for="fensuite"]').slideUp('fast');
        $('#fensuite').val(0);
    }

    if($('#fensuite').val() > $('#fbathrooms').val()){
        $('#fensuite').val($('#fbathrooms').val());
    }
}

function ensuiteTrigger(){
    if($('#fensuite').val() > $('#fbathrooms').val()){
        $('#fensuite').val($('#fbathrooms').val());
    }
}

$('#fbathrooms').keyup(bathroomsTrigger);
$('#fbathrooms').change(bathroomsTrigger);

$('#fensuite').keyup(ensuiteTrigger);
$('#fensuite').change(ensuiteTrigger);​

讓我發瘋，已經調整了幾個小時了xD

幫助將不勝感激。

（可能是html5錯誤嗎？）

Answer 1

問題出在您的套間觸發器中，您尚未將字符串值解析為大於大於的整數。

更改：

$('#fensuite').val() > $('#fbathrooms').val()

至：

parseInt($('#fensuite').val()) > parseInt($('#fbathrooms').val())