input输入框禁止用户输入空格-input输入框禁止输入-小程序input禁止输入-即速应用

input输入框禁止用户输入空格-input输入框禁止输入-小程序input禁止输入

浏览量：2275 时间：2020-04-06 来源：bug的生产者

1.
借鉴陨石猎人的https://blog.csdn.net/qq_42205731/article/details/82344468
2.
onkeyup"this.valuethis.value.replace(/s+/g,'')"
el-form-itemlabel"应用名称"prop"name"el-inputplaceholder"应用名称"style"width:50%;"v-model"editApp.name"onkeyup"this.valuethis.value.replace(/s+/g,'')"/el-input/el-form-item3.
但在这种情况下，虽然禁止了用户输入空格，但是在输入框全部为空的情况下，还是可以保存数据的，于是我换了一种验证方式
el-form-itemlabel"商户名称"prop"merchantName"el-inputv-model"addMerchant.merchantName"placeholder"请输入商户名称"/el-input/el-form-item4.
rules
merchantName:[{required:true,validator:validateName,trigger:"change"}],letvalidateName(rule,value,callback){if(value''){callback(newError('内容不可为空'))}elseif(/^s*$/.test(value)){callback(newError('内容不可全为空格'))}else{callback()}};5.
稍微理清了一下思路，我们不是禁止用户输入空格，只是用户输入的内容不能全部为空