input输入框禁止用户输入空格

借鉴陨石猎人的 https://blog.csdn.net/qq_42205731/article/details/82344468

onkeyup="this.value=this.value.replace(/\s+/g,'')"
在这里插入图片描述


            

但在这种情况下,虽然禁止了用户输入空格,但是在输入框全部为空的情况下,还是可以保存数据的,于是我换了一种验证方式


                    

rules

merchantName: [{required: true, validator: validateName, trigger: "change"}],
    let validateName = (rule, value, callback) => {
      if(value === ''){
        callback(new Error('内容不可为空'))
      }else if(/^\s*$/.test(value)){
        callback(new Error('内容不可全为空格'))
      }else{
        callback()
      }
    };

稍微理清了一下思路,我们不是禁止用户输入空格,只是用户输入的内容不能全部为空

你可能感兴趣的:(项目中的小demo)