Question

我需要创建一个阻止用户在文本框上输入数字输入的验证。我找到了一些使用原生javascript的解决方案，但它并不适合我。

在我的文本框中，我有这个触发器

v-on:keyup="preventNumericInput($event)">

在我的Vue上，我在班上创建了一个函数

preventNumericInput($event) {
    console.log($event.keyCode); //will display the keyCode value
    console.log($event.key); //will show the key value

    var keyCode = ($event.keyCode ? $event.keyCode : $event.which);
    if (keyCode > 47 && keyCode < 58) {
        $event.preventDefault();
    }
}

你能帮我解决这个问题吗？

Answer 1

正如我的评论中所提到的，SELECT test FROM table WHERE num_1 = %s UNION ALL SELECT test FROM table WHERE num_1 IS NULL AND %s IS NULL将被触发太晚，无法阻止将值输入到输入字段中。例如，考虑按住一个键以重复输入相同的值;没有键 up 。

相反，请使用keydown或keydown

keypress

演示〜http://jsfiddle.net/wadt08jm/1/

如何使用VueJS

1 个答案: