如何验证表angularjs中的选择框

时间:2015-03-18 08:17:03

标签: angularjs validation

在我的表格中的ng-repeat上加载了多个选择框,我如何单独验证每个选择框?如下所示验证是绑定所有选择框,如果我选择一个框,则所有其他框验证都将被关闭。

 $scope.Module.Save1 = function (ngForm) {

        if (ngForm.$invalid) {

            $scope.invalidSubmitAttempt = true;
            return;
        }

    $scope.module.Save();
}

html

 <tr  id="TableBody" ng-repeat="id in IDS.IDSDetails">
             <td><select id="selectbox" name="selectbox" ng-model="id.CategoryID"   ng-options="" ng-click="id.Status=false" ng-required="!id.status">
                <option selected disabled value="">-- select--</option></select>
            <span style="color:red;" class="validation-error" ng-show="(myForm.selectbox.$dirty || invalidSubmitAttempt) && myForm.selectbox.$error.required ">*Required</span>

            </td>   
        </tr>

1 个答案:

答案 0 :(得分:0)

解决!只需要在表格中添加新表格

 <td ng-form="form1"><select id="selectbox" name="selectbox" ng-model="id.CategoryID"   ng-options="" ng-click="id.Status=false" ng-required="!id.status">
            <option selected disabled value="">-- select--</option></select>
        <span style="color:red;" class="validation-error" ng-show="(Form1.selectbox.$dirty || invalidSubmitAttempt) && Form1.selectbox.$error.required ">*Required</span>

        </td>   

你这样做是因为你在表格之外进行了验证,因此你添加了一个sperate表格。