javascript - JS 空焦点输入

Question

如果用户输入无效数字，我想清空输入。不允许使用负数和小数。

这是我的 Js 函数:

function calcPrice() {
    var count = $('#placeCount').val();

    if(count%1 == 0 && count > 0) {
        if(count == 0) {
            var output = "";
        } else if(count == 1) {
            var output = "€ 2,49";
        } else if(count > 1 && count != 0) {
            var output = ("€ " + (2*count-0.01));
        }
    }
    else {
        $('#placeCount').html("");
    }
    $('#priceOutput').html(output);
}

但不知何故，如果我输入进入 else 部分的计数，则输入不为空。

Answer 1

使用val()而不是html()更改输入的值:

function calcPrice() {
    var count = $('#placeCount').val();

    if(count%1 == 0 && count > 0) {
        if(count == 0) {
            var output = "";
        } else if(count == 1) {
            var output = "€ 2,49";
        } else if(count > 1 && count != 0) {
            var output = ("€ " + (2*count-0.01));
        }
    }
    else {
        $('#placeCount').val("");
    }
    $('#priceOutput').html(output);
}