javascript - 用前导零填充输入

Question

我遇到了麻烦，但找不到正确的方法。我使用了掩码=“0000000000”，但他没有回答我。我有一个最多允许 10 个数字的输入，例如:1234256896，即 10 个元素。如果用户输入12345，我必须在左边添加5个零，因为他需要完成10个数字，结果将是这样的:0000012345。如果用户输入123，他将不得不添加7个零左边。

Answer 1

您可以使用focusout事件来实现输入标签和format值

TS代码

format() {
    this.mynumber = this.padLeft(this.mynumber, "0", 10);
  }

  padLeft(text: string, padChar: string, size: number): string {
    return (String(padChar).repeat(size) + text).substr(size * -1, size);
  }

HTML

<input type="text" [(ngModel)]="mynumber" (focusout)="format()">

演示 https://stackblitz.com/edit/angular-format-number-leading-0