使用Angular中的模态进行表单验证

时间:2015-08-30 21:27:51

标签: angularjs forms

我在模态弹出窗口中有一个表单。我试图在用户尝试提交表单后对输入运行表单验证。到目前为止,我正在努力使事情奏效。

在我看来,我有以下内容(抱歉,如果有任何语法错误,我会立即从玉转换):

         $scope.newVideo = function() {
           ngDialog.openConfirm({
           template: 'modalVideoNew',
           className: 'ngdialog-theme-default',
           scope: $scope
         }).then(function() {
           $scope.validateInput = function(name, type) {
             var input = $scope.newVideoForm[name];
           return (input.$dirty || $scope.submitted) && input.$error[type];
        };
          var newVideo = $scope.newVideoForm;
        ...

然后在我的控制器中,我正在调用ng-dialog弹出窗口,我有这个:

File2.rb

现在,我仍然可以提交表单,但是一旦我打开它,我就会看到“此字段是必需的”错误消息。此外,输入预填充[object,Object]而不是空文本输入框。

1 个答案:

答案 0 :(得分:2)

清理模型的方法可以使用属于父控制器的模型var并在回调中清除它。查看模板如何附加父控制器的var FormData

检查this

关于你的验证,我建议你使用自己的控制器,无论它有多少代码。它可以帮助您保持模块化的概念并更好地控制范围。这种方式在验证时也会很有用。