表单验证不适用于mdDialog

Question

我有这个简单的工作form，但当我把它放在$mdDialog时，它不再禁用提交按钮......它基本上忽略了networktypeForm.$invalid这是常见的或者有解决方法吗？

<form name="networktypeForm" ng-submit="add()" novalidate role="form">
    <div class="md-dialog-content">
      <md-input-container md-no-float flex>
        <label>Element type</label>
        <input flex ng-model="type" name="networktype" type="text" required="">
        <div ng-messages="networktypeForm.networktype.$error">
          <div ng-message="required">This is required</div>
        </div>
      </md-input-container>
    </div>
    <md-dialog-actions layout="row">
      <md-button type="submit" class="md-primary md-raised" ng-disabled="networktypeForm.$invalid">
        Add
      </md-button>
    </md-dialog-actions>
  </form>

Answer 1

您的要求应该是required而不是required=""或required="required"

Answer 2

对于那些还在看这个的人，我有一个类似的问题，我的问题是通过删除“novalidate”属性解决的。