Question

      <input 
            type="text"  
            name="email"
            placeholder="Identifiant (Adresse e-mail)"
            [(ngModel)]="account.email" 
            #email="ngModel" 
            required
            pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$"
        />
        <div *ngIf="email.touched && !email.valid && email.length > 0 " >Cette adresse email n'est pas valide.</div>

我有email这是对输入的引用。如果用户touch输入并且输入的长度是＆gt;我想显示文本。 0但我无法访问输入长度。似乎email.length不起作用。

我该怎么办？感谢。

Answer 1

当你引用输入元素时，使用email.touched是正确的，但是如果你想查看电子邮件长度，你应该像这样使用它：

email.value.length

或：

account.email.length

Answer 2

使用maxlength，如果电子邮件超过此例中的大小，则会显示错误10例如：

<input 
        type="text"  
        name="email"
        maxlength="10"
        placeholder="Identifiant (Adresse e-mail)"
        [(ngModel)]="account.email" 
        #email="ngModel" 
        required
        pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$"
    />

<div *ngIf="email.touched && !email.valid && email.errors.maxlength" >Cette adresse email n'est pas valide.</div>

获取ngModel引用的长度

2 个答案: