vue elementUI表单的常用校验

给 <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>

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容