Form表单密码校验

最新推荐文章于 2024-08-22 19:25:50 发布

小来码呀码

最新推荐文章于 2024-08-22 19:25:50 发布

阅读量2.1k

点赞数 2

文章标签： javascript vue.js 前端前端框架 node.js

本文链接：https://blog.csdn.net/lmf13992427957/article/details/124164004

版权

本文介绍了在前端Form表单中进行密码校验的方法，通过在Vue.js项目中创建密码输入框，利用data函数声明变量，并在methods中实现正则表达式进行复杂规则的密码验证。重点讲解了正则表达式的匹配规则，如何确保密码符合特定条件，例如第一个字符必须为小写字母且不包含特定字符。

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

1.在Form表单新建一个密码框

<a-form-item label="密码" v-model:value="value" :labelCol="labelCol" :wrapperCol="wrapperCol">
          <a-input-password placeholder="请输入用户密码"   v-model="testModel" v-decorator="['password', validatorRules.password]"
                            style="width: 200px"/>
        </a-form-item>
        <a-alert
          style="width: 237px;left: 337px; top: -62px;height: 35px;"
          message="默认为系统初始密码"
          type="info"
          show-icon
        />

2.data函数中声明

 data() {
      var validatePass = (rule, value, callback) => {
        if (value === '') {
          callback(new Error('请输入密码'));
        }else if(this.checkPass(value)<3){
          callback(new Error('密码应为数字、字母、字符最少三种组合!不能只一种组合!'));

最低0.47元/天解锁文章