Angularjs验证多选下拉列表

时间:2017-08-16 05:26:39

标签: javascript angularjs

您好我正在开发angularjs中的Web应用程序。我使用多选下拉列表。如果用户从dropodwn中选择任何选项,则不想激活验证规则。

我在html中使用的代码。

 <div class="inputblock" ng-class="{ 'has-error' : ((form2.$submitted && form2.location.$invalid)  || (form2.location.$invalid && form2.location.$dirty))}">
    <div>
        <span class="ang-error" style="color:#fff" ng-show="form2.location.$dirty">Select Location</span>
    </div>
    <div class="selected-items-box"> --- Nationality ---
    <span class="dropdown-icon"></span>
    </div>
        <div class="list">
            <ul class="items-list">
               <li ng-repeat="c in locations">
                   <input type="checkbox" ng-model="selectedCar" name="location" required />
                   <span>{{c.Location}}</span>
               </li>
            </ul>
         </div>
   </div>

我面临的问题。每当用户选择任何一个选项时,我都不想激活验证。但如果我没有检查所有选项验证规则是否正在解雇

我选择了第一个选项,我可以在html中看到以下规则。

<input type="checkbox" ng-model="selectedCar" name="location" required="" class="ng-dirty ng-valid-parse ng-valid ng-valid-required ng-touched">

我没有选择第二个选项,我可以在html中看到下面的代码。

<input type="checkbox" ng-model="selectedCar" name="location" required="" class="ng-pristine ng-untouched ng-invalid ng-invalid-required">

如果用户选择任何一个选项,我不想激活验证。我可以知道怎么做吗?任何帮助将不胜感激。谢谢。

0 个答案:

没有答案