美文网首页react & vue & angular
vue elementUI表单的常用校验

vue elementUI表单的常用校验

作者: 爱学习的小仙女早睡早起 | 来源:发表于2022-07-08 18:14 被阅读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>

    相关文章

      网友评论

        本文标题:vue elementUI表单的常用校验

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