美文网首页
输入框不允许输入 空格/特定的文字,或者将字母全部转换为大写

输入框不允许输入 空格/特定的文字,或者将字母全部转换为大写

作者: 前端青音 | 来源:发表于2019-10-12 18:23 被阅读0次

可直接在html中写

不允许输入空格

<el-input
          v-model="form.name"
     :change="form.name=form.name.replace(/\s/g, '')"
          autocomplete="off"
          maxlength="15"
          placeholder="请输入名称"
        ></el-input>

只允许数字字母,其他不允许输入

<el-input
          v-model="form.name"
     :change="form.name=form.name.replace(/[^\a-zA-Z\Z0-9]/g, '')"
          autocomplete="off"
          maxlength="15"
          placeholder="请输入名称"
        ></el-input>

总而言之,是在input上加事件,比如上面的change事件,也可以用keyup事件,看具体的使用场景

相关文章

网友评论

      本文标题:输入框不允许输入 空格/特定的文字,或者将字母全部转换为大写

      本文链接:https://www.haomeiwen.com/subject/jytryctx.html