element-ui实现密码复杂度验证

1、el-form中的rules属性,rules属性定义的是存放多个验证规则的数组formRules(这个数组是个人起的名字),el-form-item中的prop属性,对应的是formRules数组中的对应的规则名称,然后在el-input标签内,设置一个v-model双向数据绑定,以及其他的属性等。:model是绑定属性,置空

在规则对象数组(formRules)中,可以定义具体的规则包括如下:

     trigger: 'blur'(失去焦点触发验证)/'change'(实时触发校验规则),

     validator:自己加的较为复杂的验证的规则的名称,

     required:true(必填)/false(非必填)。

     message:不符合验证规则时候,向用户的提示信息。

     pattern: 用来验证正则的属性

2、在element ui表单中有rules属性,绑定相关验证规则

写在form表单总的标签上面 (el-form),不是写在子标签(el-form-item)里面  

<el-form ref="loginForm" :model="loginForm" :rules="loginRules">    

3、插入验证规则

     //插入
       loginRul
  • 5
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值