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>