Javascript 角度材质md日期选择器和md选择验证

我有一个带有输入字段、日期选择器和下拉列表的表单。提交时，如果未填写所需的输入字段，则会用红线下划线。我希望日期选择器和下拉列表如果没有被选中，也要加上下划线——目前它们什么都不做

代码：

信息
类型*
{{type}}
NVRA*
{{code}}
个人信息
姓*
名字*
中名
后缀
{{后缀}}

由于支持ng消息，您可以使用以下代码

<md-datepicker id="date"
               name='date'
               ng-model="vm.submissionDate"
               md-placeholder="Date*"
               required>
</md-datepicker>
<div class="errors" ng-messages="newForm.date.$error">
    <div ng-message="required">Required</div>
</div>

要求的

同样的道理也适用于

类型*
{{type}}
要求的

要使验证生效，您必须将div包装在

表单

标记中，并使用

名称

属性指定名称，并将该名称用于不同元素的验证

检查下面的钢笔界面不是很好，但你会得到基本的想法。

---

谢谢，我确实用表格包装了，只是没有复制/粘贴那个部分。我会试试这个，然后回来汇报。理想情况下，我会只添加红色下划线，而不是实际文本，但这可能会奏效。

<md-datepicker id="date"
               name='date'
               ng-model="vm.submissionDate"
               md-placeholder="Date*"
               required>
</md-datepicker>
<div class="errors" ng-messages="newForm.date.$error">
    <div ng-message="required">Required</div>
</div>

<md-input-container class="form-input-container padded-input md-block"
                    flex-gt-sm="">
  <label>Type*</label>
  <md-select id="information-type"
             name="type"
             ng-model="vm.type"
             required>
    <md-option ng-repeat="type in vm.dropdowns.types"
               value="{{type}}">
      {{type}}
    </md-option>
  </md-select>
   <div class="errors" ng-messages="newForm.type.$error">
    <div ng-message="required">Required</div>
</div>
</md-input-container>