如何在角度控制器中为该方法添加验证

how do i add validation to this method in angular controller?

本文关键字:方法 添加 验证 控制器      更新时间:2023-10-30

嗨,我有一个控制器,即使出现字段未完成的错误,post方法仍然会发生。刷新页面后,条目将从视图中移出。

$scope.create = function () {
                    var account = Account.save($scope.account);
                        modalService.success('Success! Your Account has been created!');
                        $uibModalInstance.close(account);    
            };

我试过一些方法,但都不起作用。如果表单尚未填写或缺少字段,我需要返回false的方法。基本上是422错误;当帖子转到api端点时。

上面的例子是我的代码,需要添加一些验证,但不知道从哪里开始。

真的很累,很快需要帮助。

提前谢谢。

您可以等到该保存方法真正完成ajax,然后响应

var account = Account.save($scope.account).$promise.then(function(){
    //success function
    modalService.success('Success! Your Account has been created!');
    $uibModalInstance.close(account);    
}, function(error){ //error function
    //here is the place you can do error handling part.
    console.log('Error occured, do handle it here.')
});

更新

如果您想确保在提交表单之前,用户应该输入一个所有表单字段。然后您可以使用角度形状验证功能。在这里,您可以禁用表单提交按钮,直到所有表单required字段都被填满&在所需字段上具有required属性。