策略模式实现表单验证（TS版）

最新推荐文章于 2025-06-03 09:01:36 发布

老哥二娃

最新推荐文章于 2025-06-03 09:01:36 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： TypeScript 策略模式表单验证

本文链接：https://blog.youkuaiyun.com/IT_HLM/article/details/90603645

本文介绍如何运用策略模式来实现表单验证，详细阐述了定义策略类和验证类的过程，并展示了在实际应用中的使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定义策略类和验证类


interface Rules {
  require?: Boolean,
  minLength?: Number,
  maxLength?: Number,
  message: string,
  pattern?: RegExp
}
// 策略类
class Strategies {
  protected require(value: string | Number, message: string): string {
    return value ? '' : message;
  }

  protected pattern(value: string, reg: RegExp, message: string): string {
    if (reg.test(value)) {
      return '';
    } else {
      return message;
    }
  }

  protected minLength(value: string | Number, len: Number, message: string): string {
    if ((<string>value).length) {
      return (<string>value).length >= len ? '' : message;
    } else {
      return value.toString().length >= len ? '' : message;
    }
  }

  protected maxLength(value: string | Number, len: Number, message: string): string {
    if ((<string>value).length) {
      return (<string>value).length <= len ? '' : message;
    } else {
      return value.toString().length <=