n -单击-显示需要复选框的消息

ng-click - displaying message that checkbox is required

本文关键字：复选框 消息 单击 显示      更新时间：2023-09-26

我有一个具有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)"/>

试试这个:

在JS:

你有一个ng-model in复选框。如果复选框未选中，则为未定义。使用它来显示消息。

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

//美元范围。Selected_items是这里的ng-model复选框。

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

<div ng-show = "Msg">{{Msg}}</div>
相关文章：