在AngularJS

Question

我需要检查的表单使用一些非<input>字段，但我想将它们作为文本字段required。因此，如果用户尝试提交未完成的信息，表单将不允许该表单，并且显示违规字段。我提出了这个解决方案：

    <input type="text" class="invisible-text-input" required ng-model="doc.section[0]" ng-change="resetSection();">

您可以猜出resetSection()的作用。 doc.section[0]由某些自定义方式设置。

CSS：

    .invisible-text-input {
      cursor: default;
      width: 0px;
      position: absolute;
      color: transparent;
      background-color: transparent;
      height: 0px;
      bottom: 0px;
    }

现在很难不小心进入这个领域，但是当用户尝试提交没有数据的表单时，表单验证会将光标放在那里。在此之后，用户可以在那里输入内容，尽管resetSection()是不冷却的。 因此，我需要一种方法来阻止此输入中的用户输入，同时仍然需要它。 disabled和readonly会使表单忽略输入，因此我不能只使用它们。