Question

我有一个具有ng-click功能的元素。点击它会执行某些操作。我还有一个复选框，必须检查它以执行此类操作。

如果未选中，则应显示用户所需的错误消息。

如何添加此类表单验证？

元素：

<a ng-click="assignSubmission(subItem.id)" class="action-button"> 
    <i class="icon icon-star"></i> Assign
</a>

其行动代码：

$scope.assignSubmission = function(scope) {
    var url = Django.url('submission:assign', {
        site : site
    });
    $http.post(url, $scope.selected_items).success(function(data) {
        updateDashboardService.update_dashboard();
    });
};

复选框应该有错误信息：

<input ng-disabled="subItem.operator" ng-if="subItem.level != 0" 
    type="checkbox" name="submissiongroup" 
    ng-model="selected_items[subItem.id]" 
    ng-click="selectCheckbox($event, subItem)"/>

Answer 1

试试这个：

在JS中：

您在复选框中有ng-model。如果未选中该复选框，则表示未定义。用它来显示信息。

$scope.CheckFun = function(){
    $scope.Msg = undefined;

// $ scope.selected_items是复选框的ng-model。

    if($scope.selected_items == undefined){
        $scope.Msg = "Please check it out";
     }
 }

在html中：

<div ng-show = "Msg">{{Msg}}</div>

ng-click - 显示需要复选框的消息

1 个答案: