Question

如果点击提交，我有一个需要显示验证错误弹出窗口消息的表单。这是我的表格。

 <form ng-submit="register(user)">
<div class="list">
  <label class="item item-input">
    <input type="text" placeholder="First Name" ng-model="user.first" >
  </label>
  <label class="item item-input">
    <input type="text" placeholder="Last Name" ng-model="user.last">
  </label>
</div>
<button class="button button-positive">
  button-positive
</button>
</form>

这是验证控制器文件

 angular.module('starter.controllers',[])

.controller('DashCtrl', function($scope,$ionicPopup,Friends) {


    $scope.register=function(user){
      if(!user.first){ $ionicPopup.alert({
                       title: 'First Name Required!',
                       template:'Firstname'
                       });
      }else{
            if(!user.last){
                           $ionicPopup.alert({
                           title: 'Last Name Required!',
                           template:'Lastname'
                           });
              }else {


                        Friends.setall(user).then(function(msg){
                             console.log("From server"+msg.data);

                          });
              }

        }
    }

})

验证在开始进行更改时正常工作。但它没有显示任何错误消息如果点击提交没有输入任何东西。我怎么能实现这一点？我也想显示服务器请求的加载屏幕，当服务器请求完成时它被忽略。我正在使用ionicframework，我知道ionic.loading用于此但我怎么能在我的代码中正确使用它？。请帮助。

Answer 1

对于问题的验证部分，我只会检查user以及user.firstname：

if(!user || !user.first){ $ionicPopup.alert({
  title: 'First Name Required!',
  template:'Firstname'
});

并且可以在将$ionicLoading注入控制器后使用else { $ionicLoading.show({ template: 'Loading...' }); Friends.setall(user).then(function(msg){ console.log("From server"+msg.data); $ionicLoading.hide(); }); }，如下所示：

{{1}}

只有在Angularjs中进行更改时，表单验证弹出窗口消息才有效

1 个答案: