如果使用 preventdefault 正则表达式不匹配，jQuery 会阻止用户输入

Question

每次用户输入时，都会使用正则表达式检查值，如果不匹配正则表达式，我会尝试限制用户进一步进入输入字段

使用 keyup 事件，preventdefault 永远不会触发，使用 keypress 事件，用户根本无法输入，因为在开始时，输入字段中的值显示为“”（无）

var discountRegex = /(^100([.]0{1,2})?)$|(^\d{1,2}([.]\d{1,2})?)$/
            $("#" + (idOfElement)).on("keyup",function (e) {

                var val=this.value
                var k = e.keyCode
                if(k==46 ||(k > 48 && k <97)){
                    console.log(k)
                    return discountRegex.test(val);
                }

            });

在上面的代码中，idOfElement 是我在我关注的任何字段上得到的 id。

Answer 1

请参考示例代码。如果输入键无效，输入将不接受。也请在评论中找到相同的小提琴。

<input type="text">


$(document).ready(function(){
  $("input").bind('keypress', function(e) {
  var str = e.keyCode;
  if (/(^100([.]0{1,2})?)$|(^\d{1,2}([.]\d{1,2})?)$/.test(str)) {
          alert('Invalid')
       e.preventDefault();
    } else {
       alert('Valid');
    }
});
}); 

Answer 2

您可以检查正则表达式是否匹配，如果不匹配，您可以删除最后一个字符，如下例所示

我用 keydown 示例更新了代码

Example