我一直在写一个Web应用程序,我有三种不同的形式 . 我已对它们进行了一些验证,但似乎在最近的更新后,一切都被忽略了 .

验证仍然有效:

-check如果输入不为空-Maxlength

停止工作的验证:

-Patterns

  • 输入类型的电子邮件(这是令我惊讶的一个),它不再检查“@”或任何其他检查,如果您将输入类型放入电子邮件 .

示例代码=`

<div class="form-group" [ngClass]="{ 'has-error': submitted && (!trainer.email || emailExists)}">
    <label for="email">E-mail*</label>
    <input [(ngModel)]="trainer.email" type="email" class="form-control" name="email" maxlength="50" placeholder="Enter e-mail adress" />
    <div *ngIf="submitted && !trainer.email" class="help-block">E-mail adress is required</div>
    <div *ngIf="submitted && emailExists" class="help-block">E-mail adress "{{emailInUse}}" is already in use</div>
  </div>

`

我已经删除了html中的所有内容,只放入一个电子邮件输入类型,但仍然无法正常工作 . 我想我的代码中的其他地方出了问题,但我不知道从哪里开始查找 . 这个例子适用于我的培训师课程,但我还有其他2个html文件也突然停止工作,这样我的结论就是问题不在HTML中 .

有没有导致这类问题的常见错误?

谢谢