isNAN() 为什么不能在chrome 上正常显示？

Question

 
 <div id="option">
    <label for="X">横向：</label>
    <input type="number" id="X" value="5" />
    <label for="Y">纵向：</label>
    <input type="number" id="Y" value="4"/>
    <button id="Button">开始游戏</button>
</div>
 
    $(document).ready(function () {
$('#Button').click(function () {
  
    if (isNaN($('#X').val()) || isNaN($('#Y').val())) {
        alert('横纵的单元格中之能输入数字。');
        return;
    }
    else if ($(X).val() < 4 || $(Y).val() < 4 || $(X).val() >= 10 || $(Y).val() >= 10) {
        alert('横纵的数量不能小于 4，且不能大于 9。');
        return;
    }  

});    


isnan 在浏览器ie 上能够显示，但是在chrome却不能弹出来？

Answer 1

我又仔细测了一遍，哥们你确定不是因为你少写一个方法结束导致的？
另外 X 变量未定义啊, $(x) 会报错的。
再看又发现逻辑也有错啊...

$(document).ready(function(){
    $('#Button').click(function () {

        var x = $('#X').val(),
            y = $('#Y').val();
            
        // 判断 不! 是! 数字!!!
        if (!isNaN(x) || !isNaN(y)) {
            alert('横纵的单元格中只能输入数字。');
            return;
        }
        else if (x < 4 || y < 4 || x >= 10 || y >= 10) {
            alert('横纵的数量不能小于 4，且不能大于 9。');
            return;
        }
    // 少个结束
    });  
});

另外，chrome是支持html5的 所以你是怎么在只允许输入数字的输入框输入非数字的？js赋值？