Question

我想在用户与下拉选择器交互时向用户显示错误，但不会选择任何内容。

我有这个：

<div class="row">
<div class="col-md-6">
   <div class="form-group">
      <label class="control-label" translate="contacta.form.contact" for="field_contact">Modo de contacto preferido</label> 
      <select id="field_contact" name="contact" required 
         class="form-control form-control-200" ng-model="vm.form.contact" style="min-width: 250px">
         <option disabled selected value style="display:none"
            translate="contacta.form.select.default"> -- Select an option -- </option>
         <option value="email"
            translate="contacta.form.select.selectemail">E-Mail</option>
         <option value="telefon"
            translate="contacta.form.select.selectphone">TelÃ©fono</option>
      </select>
      <div ng-show="contactaForm.contact.$invalid && contactaForm.contact.$dirty">
         <p class="help-block" ng-show="contactaForm.contact.$error.required" translate="contacta.form.validation.required">This field is required.</p>
      </div>
   </div>
</div>

我想要实现的是，每当用户点击下拉列表（默认值为“ - 选择一个选项 - ”）并且不点击任何可用值（“电子邮件”或“电话“），错误应显示在字段下方，并显示”此字段是必填字符串“字符串。

到目前为止，它没有用。

AngularJS - 当默认下拉选项保持选中时显示错误消息

0 个答案: