<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却不能弹出来?
我又仔细测了一遍,哥们你确定不是因为你少写一个方法结束导致的?
另外 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赋值?