TypeScript 使用 `class-validator` 在 TypeScript 中实现密码确认功能

在本文中，我们将介绍如何在 TypeScript 中使用 class-validator 库来实现密码确认功能。class-validator 是一个功能强大且易于使用的验证库，可以帮助我们轻松地验证我们的数据模型。我们将学习如何使用 class-validator 来验证密码和确认密码是否匹配。

阅读更多：TypeScript 教程

步骤 1: 安装和设置

首先，我们需要安装 class-validator 和 class-transformer 这两个库。您可以使用以下命令进行安装：

npm install class-validator class-transformer

安装完成后，在您的 TypeScript 项目中引入这两个库：

import { IsNotEmpty, Matches, validateSync } from 'class-validator';
import { plainToClass } from 'class-transformer';

接下来，我们将创建一个名为 CreateUserDto 的类，该类将包含我们的用户数据模型和验证规则。在这个类中，我们将使用 IsNotEmpty 和 Matches 来验证密码和确认密码字段。

class CreateUserDto {
  @IsNotEmpty({ message: 'Password cannot be empty' })
  @Matches(/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[0-9a-zA-Z]{8,}$/, {
    message:
      'Password must be at least 8 characters long and contain at least one uppercase letter, one lowercase letter, and one digit',
  })
  password: string;

  @IsNotEmpty({ message: 'Confirm password cannot be empty' })
  confirmPassword: string;
}

步骤 2: 验证密码确认

现在我们已经设置了我们的验证规则，我们可以使用 class-validator 来验证我们的密码和确认密码是否匹配。我们将创建一个 validatePasswords 函数，该函数接受一个 CreateUserDto 对象作为参数，并返回一个验证结果。

function validatePasswords(dto: CreateUserDto) {
  const errors = validateSync(dto);

  if (dto.password !== dto.confirmPassword) {
    errors.push('Passwords do not match');
  }

  return errors.length === 0 ? null : errors;
}

在这个函数中，我们首先使用 validateSync 函数验证传入的 dto 对象是否满足我们的验证规则。然后，我们使用简单的条件语句来检查密码和确认密码是否匹配，并将错误信息添加到错误数组中。最后，我们根据错误数组的长度返回验证结果。

步骤 3: 使用示例

现在我们已经完成了密码确认功能的设置和验证函数的编写，我们可以编写一个简单的示例来演示如何使用它。

const user = {
  password: 'P@ssw0rd',
  confirmPassword: 'P@ssword',
};

const dto = plainToClass(CreateUserDto, user);
const errors = validatePasswords(dto);

if (errors) {
  console.log(errors);
} else {
  console.log('Passwords are matched');
}

在这个示例中，我们创建了一个包含密码和确认密码字段的用户对象。然后，使用 plainToClass 函数将该对象转换为 CreateUserDto 类的实例。最后，我们调用 validatePasswords 函数来验证密码和确认密码是否匹配，并根据验证结果打印相应的消息。

运行上述代码，您将看到输出结果为密码不匹配的错误信息。