javascript - 如何使用 jquery 过滤特殊字符和字母？

Question

我的代码有问题我有一个验证。我有一个现有的验证，可以验证文本字段中的字母和特殊字符，防止用户输入字母和特殊字符。

我想在我的代码中包含该验证，但我不知道该怎么做。

这是我的一些代码:

<input type="text" class="col-md-5 quantity text-center" id="base_<?php echo $product['product_id']; ?>" name="quantity" value="<?php echo $product['quantity']; ?>" required="required" onKeyup="setQty(<?php echo $product['product_id']; ?>);" />&nbsp;pcs.

...这是javascript验证

function setQty(id) {
        //validate if have a value and the value is not equal to 0
        if($("#base_"+id).val().length > 0 && $("#base_"+id).val() != 0){
            alert("YES");
        } else {
            alert("NO");
        }

}

这是现有的可以验证字母和特殊字符的函数。

$(".quantity").keypress(function (e) {
        //if the letter is not digit then display error and don't type anything
        if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
            //display error message
            return false;
        }
    });

我想将其包含在我的 if 语句中。但我不知道。你能给我一个更简单的解决方案吗？

好的，谢谢。

Answer 1

JQuery 有很多插件，比如 masked input plugin .您必须“导入”它的代码并使用它，例如

$("#quantity").mask("99");

并且您可以自定义占位符，例如(都在文档中):

$("#quantity").mask("99", {placeholder:" "});

由于它是产品数量，我假设它不会超过两位数。这就是使用此插件的优势。

---

其他解决方案是使用 html 5，带有 number input .其实很简单。你说你想要更简单的东西，所以我推荐这个:

<input type='number' .../>