IE中的意外验证行为-Angular App

Question

我的Angular应用程序中有这个输入标签。

<div class="form-group col-lg-3 col-md-6">
                <label for="Dial" class="Pointer">{{'Labels.mobileNumber' | translate}}<span class="Orange"> *</span></label>

                <input type="text" [(ngModel)]="dial" id="Dial" numbersOnly
                [disabled]="IsPendingVerification" autocomplete="off" appStartsWith01
                name="Dial" #Dial="ngModel" minlength="11" maxlength="11" required [placeholder]="'Placeholders.mobileNumberEx' | translate">

                <div class="OrangeFormValidator" *ngIf="Dial.errors && (Dial.dirty || Dial.touched)">
                  <span [hidden]="!Dial.errors.appStartsWith01">{{'Validations.StartsWith01' | translate}}</span>
                  <span [hidden]="!Dial.errors.required">{{'Validations.required' | translate}}</span>
                </div>
</div>

当我使用IE浏览应用程序时，会先进行必需验证，甚至在将光标放置在输入中之前也将显示错误消息。 请注意，仅当占位符的值包含非英语字母时，才会发生此问题。

因此，它的工作方式为“例如01xxxxxxxxx”，并且仅在将光标置于输入中时显示错误消息。

但这不是“مثال：01xxxxxxxxx”