javascript - 只允许带有退格键和左右箭头的 float

Question

我只想在文本字段中允许一个 .，带有退格键、左右箭头。

我找到了这个链接。

only allow numbers, backspace, delet, left arrow and right arrow keys in textbox

我在上面的代码中添加了一个验证，这样用户就可以在文本字段中只添加 .，但是它不起作用。

JS

function validateQty(event) {
    var key = window.event ? event.keyCode : event.which;
if (event.keyCode == 8 || event.keyCode == 46 || event.keyCode == 37 || event.keyCode == 39 ) {
    if($(this).val().indexOf('.') == -1)
        return true;
    else
        return false;
}
else if ( key < 48 || key > 57 ) {
    return false;
}
else return true;
};

JSFiddle

Answer 1

我看到的问题是，在 if($(this).val().indexOf('.') == -1) 行中，this 是 Window 对象而不是输入控件。

尝试向输入控件添加一个 ID，并在代码中引用相同的 ID:

function validateQty(event) {
    var key = window.event ? event.keyCode : event.which;
    if (event.keyCode == 8 || event.keyCode == 46 || event.keyCode == 37 || event.keyCode == 39 ) {
    if($('#IdofInputControl').val().indexOf('.') == -1)
        return true;
    else
        return false;
    }
    else if ( key < 48 || key > 57 ) {
        return false;
    }
        else return true;
    };

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" ID="IdofInputControl" onkeypress='return validateQty(event);'>

您的验证应该有效!