防止输入数字和特殊字符进行输入

Question

我写了一个方法，通过事件捕获输入的键。

NameValidation(e){

    if(!e.key.match(/^[a-zA-Z]*$/))
    {
        e.key = '';
        console.log(e.key);
    }
},

这基本上是检查用户是否输入了特殊字符或数字，如果是 将特殊字符/数字替换为空字符串。

问题以e.key = '';开头。

因为它不会替换捕获的密钥。我在这里错过了什么？

Answer 1

我意识到我正在使用在处理触发器时延迟的 Keypress 事件

所以我改为使用 keydown，然后使用 preventDefault 来操纵默认事件行为

这篇文章帮助了我 How can I prevent numeric inputs using VueJS

这是我的答案

JS

      NameValidation(e){

            if(!e.key.match(/^[a-zA-Z]*$/))
            {
                e.preventDefault();
            }
           
        },

HTML

<input v-model.trim="firstname_txt" v-on:keydown="NameValidation($event)">