zoukankan      html  css  js  c++  java
  • vue项目中,设置所有的input框不能输入空格

    vue项目中,设置所有的input框不能输入空格

    ​ 解决方案,在全局的Mixin中加入下面代码

    ​ 方法一,这种方法不会去触发elementUI的表单上加入的表单校验规则

    window.onkeypress = (event) => {
        if(event.keyCode == 32) event.returnValue = false
    }
    

    ​ 方法二,在input标签上加上onkeyup="this.value=this.value.replace(/s+/g,'')"代码,这个是正则去校验为空格就去替换,但是如果用户输入空格,虽然在input框中未显示,但是表单校验时会认为已经输入了值,所以不能为空的校验会失效。这种方案得一条一条的加,而且效果不好。

    <el-form-item :label="$t('lang.cellphone')" prop="cellphone">
         <el-input size="medium"
                   v-model="createForm.cellphone"
                   onkeyup="this.value=this.value.replace(/s+/g,'')"
                   :placeholder="$t('lang.hint-phone')"></el-input>
    </el-form-item>
    
  • 相关阅读:
    vmware12中安装MAC OS X 10.10
    AOL search
    [python]错误检测及异常处理try-except
    [推荐]
    [python]打开文件操作open用法
    MAC使用小技巧
    [推荐]
    [python]python中的if, while, for
    [python]python字典
    [python]python列表、元组
  • 原文地址:https://www.cnblogs.com/xmbhyw/p/14245050.html
Copyright © 2011-2022 走看看