vee-validate比较新密码和再次确认密码

最新推荐文章于 2024-09-01 22:59:50 发布

%乖囧猫%

最新推荐文章于 2024-09-01 22:59:50 发布

阅读量2.9k

点赞数 1

分类专栏： VUE

本文链接：https://blog.csdn.net/qq_40547015/article/details/89555709

版权

本文介绍了如何使用vee-validate在HTML表单中实现新密码和确认密码的验证，包括必填项验证及错误信息获取。通过设置v-validate属性和使用errors.first方法，确保密码输入的一致性。

摘要由CSDN通过智能技术生成

一、字段：

   1.新密码 newPassword
   2.再次确认密码：confirmPassword

二、HTML

  <input type="password" placeholder="请输入新密码" v-validate="'required'" name="密码" v-model="user.newPassword"/>
  <p class="p_error" v-show="errors.first('密码')">{
  {errors.first('密码')}}</p>

   <input type="password" autocomplete="off" placeholder="请再次输入新密码" v-validate="{is:user.newPassword}" name="两次密码"
                           v-model="user.confirmPassword"/>
                    <p class="p_error" v-show="errors.first('两次密码')">{
  {errors.first('两次密码')}}</p>

v-validate="‘required’"使用required这个选项是必填项;
errors.first(‘field’)&#