vue elementUI表单的常用校验
2022-07-08 本文已影响0人
爱学习的小仙女早睡早起
给 <el-input 标签添加以下属性
1、表单只能输入八位，最大输入长度
maxlength="10" 或者 oninput="if(value.length>8)value=value.slice(0,8)"
2、最大输入长度，并来展示字数统计
maxlength="10"
show-word-limit
image.png
3、表单里的账户，只能输入数字和英文大小写
:change="form.username = form.username.replace(/[^\a-\z\A-\Z0-9]/g, '')"
4、禁止输入空格
v-model.trim="form.username"
5、表单最大输入数字 9999
<el-input v-model="form.maxConcurrent" type="number" min="1" max="9999" oninput="if(value.length>4)value=value.slice(0,4)"></el-input>
