Question

我对验证表单有一些要求，但我的尝试都没有成功。

表单应在您填写时验证。如果验证要求失败且关联的ngMessage应显示，则md-input-container应无效。例如，如果输入被标记为required，则它应该变为红色并显示该消息，如果您单击它然后移动焦点而不键入任何内容。
如果表单已提交且验证失败，则输入也应无效。

以下是我尝试的内容：

<md-input-container md-is-error="jac.application.$invalid && (jac.application.$submitted || jac.application.$dirty)" flex="20">
  <label>Last Name</label>
  <input type="text" name="last_name" ng-model="jac.application_object.last_name" required />
  <div ng-messages="jac.application.last_name.$error">
    <div ng-message="required">This is required.</div>
  </div>
</md-input-container>

使用上述方法，在不输入任何内容的情况下提交表单会产生预期的效果;但是，之后输入有效的输入内容只会清除ngMessage（容器仍为红色）。

此外，表格在您填写时无效。

关于如何实现这一目标的任何建议？

Angular Material 1.0 rc4表单验证示例

0 个答案: