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>