vue表单验证 input输入框禁止输入空格

Posted 2023-03-22

参考技术A 方法一：@keydown.native
应该是pc端和移动端事件不一样，所以如果你是pc端，可以使用下面这个方法

方法二：.trim
使用 v-model.trim 可以实现去除输入框的前后空格，中间内容多个空格会保留一个

方法三：@onkeyup
移动端和pc端都可以禁止输入空格

移动端表单禁止输入空格

//输入框禁止输入空格
$(\'input\').on(\'keypress\',function () {
　　if(event.keyCode == 32)event.returnValue = false;
})

另副图一张：

------------       ------------ ----------