如何从ionicPopup模态中检查表单有效性？

Question

我正在使用Ionic v1，Cordova和AngularJS 1.5编写应用程序。

我写了一个HTTP拦截器，这就是我想要做的：当用户会话期满时，我将从服务器返回403 HTTP错误，并且我想向用户显示一个弹出窗口，使他们有机会输入他们的凭据并获取新的会话令牌。

    function responseError(rejection) {
        //console.log('* * * intercept: error * * * ', rejection);
        if(rejection.status === 403) {
          $injector.get('TestCredentials').test(); //will call popup
        }
        return $q.reject(rejection);
    }

我想在弹出窗口中显示一个表单，以便用户可以输入其凭据，然后调用后端服务以获取新的会话令牌。

这是我尝试执行的代码：http://jsfiddle.net/aubz88/acsmk3n2/14/

我不知道该怎么办，就是检查表单在弹出窗口中是否有效。 例如

        {
          text: 'Verify',
          type: 'button-positive',
          onTap: function(e) {

              //if there are no form errors, proceed
              //if there are form errors, stop

          }
        }
      ]
    });

    myPopup.then(function(res) {
      console.log('Tapped!', res);
    });

如何检查表格错误以及何时调用后端服务？