首页 文章

是否有必要在Angular的输入上有一个maxlength验证消息？

提问于
浏览 次
0

在表单元素上使用 maxlength 属性不仅可以连接Angular的内置验证，还可以防止输入超出指定长度的输入进入文本框 . 这是否意味着显示错误消息以打破 maxlength 验证是没有意义的，因为浏览器已经强制执行限制？在下面的示例中，似乎第二条错误消息似乎从未出现过 .

<input class="form-control" #fName="ngModel" required maxlength="25" />
<div class="form-error-wrapper" *ngIf="fName.invalid && (fName.dirty || fName.touched)">
  <div *ngIf="fName.hasError('required')" class="form-error">
    First name is required
  </div>
  <div *ngIf="fName.hasError('maxlength')" class="form-error">
    First name cannot be longer than 25 characters.
  </div>
</div>

如果浏览器不让他们破解规则，那么让用户知道他们违反了规则有什么意义呢？

html angular

1 回答

  • 1

    你是对的 . 如果要进行最大长度验证，则不应实现html maxlength属性 . 否则，用户永远不会违反该规则，因此错误消息将永远不会显示 . 仅在未设置max length属性的情况下才会使用该错误消息 . 无论哪种方式都很好 . 这只取决于偏好 .

    回复于

相关问题