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

Question

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

NameValidation(e){

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

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

问题开始于e.key = ''; .

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

Answer 1

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

因此，我使用 keydown 然后使用 preventDefault 来操作默认事件行为

这篇文章帮助我如何使用 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)">