vue输入框不能输入,input框不能输入空格校验

　　本文主要介绍了在vue表单验证中禁止在输入输入框中输入空格。通过示例代码进行了非常详细的介绍，对于大家的学习或者工作都有一定的参考价值。有需要的朋友下面和边肖一起学习。

　　考验小姐姐让输入框不允许空格，排列。

　　一开始我用的是下面这个方法，因为我在电脑端f12的时候调试移动端，所以下面这个方法可以禁止空格的输入，所以我在网上打包测试了一下。我上线后发现真机不支持，而且应该是pc端和移动端的事件不一样，所以如果你在pc端，可以用下面的方法。

　　在input上添加以下代码(我用的vant也是这样，包括elemenui等。)

　　@ keydown . native= keydown($ event)

　　在方法中编写以下代码。

　　方法：{

　　//禁止输入空格

　　按键(e){

　　if(e.keyCode==32){

　　e.returnValue=false

　　}

　　}

　　}

　　最后，使用下面的方法，移动终端和pc终端都可以禁止空格的输入。

　　在input上添加以下代码(我使用的vant也是如此)

　　:onkeyup= visit username=visit username . replace(/\ s/g，)

　　分享最后一个小知识。

　　使用v-model.trim删除输入框的前后空格，中间保留一个空格。

　　v-model.trim=visitUserName

　　关于vue表单验证禁止输入输入框输入空格的文章到此结束。更多相关vue禁止输入输入框输入空格，请搜索我们之前的文章或者继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。