首页 > 其他 > 详细

element-ui 常用表单校验 配置

时间:2020-09-10 19:42:29      阅读:75      评论:0      收藏:0      [点我收藏+]

<el-form :model="form" :rules="rules" ref="form" label-width="100px">
         <el-form-item label="活动名称" prop="name">
                     <el-input v-model="form.name"></el-input>
         </el-form-item>
</el-form>

 


   rules: {
        name:[
                  {
                      required: true,
                      message: ‘请输入活动名称‘,
                      trigger: ‘blur‘
                   },{
                      pattern: /^[0-9 a-z A-Z]*$/, 
                      message: "只允许输入数字或字母或数字与字母的组合" 
                   },{
                      min: 1,
                      max: 20,
                      message: "长度在 1 到 20 个字符"
                   }
           ],
       },

 

element-ui 常用表单校验 配置

原文:https://www.cnblogs.com/dreamstartplace/p/13647336.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!