AngularJS中$http.get内$event对象未定义问题求助

我明白你遇到的困扰了——异步请求的特性导致你在$http.get的回调里操作$event时，要么拿不到对象，要么就算拿到了也已经晚了，因为浏览器可能已经走完表单提交的默认流程了。下面给你两种实用的解决方案：

方案一：先阻止默认提交，异步校验后手动提交表单 #

这种方法逻辑直观，完全可控，适配你的现有场景：

修改AngularJS代码 #

$scope.checkEmails = function(e){
  // 先立即阻止表单的默认提交行为，避免异步请求还没返回就提交了
  e.preventDefault();

  $http.get(url + 'adv/register/check?email=' + $scope.email)
    .then(function(response){
      if(response.data !== true) {
        // 邮箱可用，手动触发表单提交
        e.target.form.submit();
      } else {
        // 邮箱已存在，这里可以添加用户提示，比如弹出消息或者页面提示
        console.log("该邮箱已被注册，无法提交");
      }
    })
    .catch(function(error){
      // 处理请求失败的情况，比如网络错误、API异常
      console.error("邮箱校验请求失败：", error);
    });
};

调整HTML结构（绑定表单的ng-submit事件） #

把按钮的ng-click改成表单的ng-submit，更符合AngularJS的表单处理逻辑：

<form ng-submit="checkEmails($event)">
  <!-- 你的邮箱输入框及其他表单字段 -->
  <input type="email" ng-model="email" placeholder="请输入邮箱" required>
  <button type="submit" class="btn btn-alt-success">完成注册</button>
</form>

方案二：利用AngularJS原生异步验证器（更优雅的实现） #

如果你的项目用到了AngularJS的表单控件，推荐用这种原生方案，它能更好地融入AngularJS的表单验证体系：

1. 定义自定义异步验证指令 #

angular.module('yourApp').directive('uniqueEmail', function($http, $q, url) {
  return {
    require: 'ngModel',
    link: function(scope, elem, attrs, ngModel) {
      // 当模型值变化时触发异步校验
      ngModel.$asyncValidators.uniqueEmail = function(modelValue, viewValue) {
        var email = modelValue || viewValue;
        if (!email) {
          // 邮箱为空时直接通过校验（空值校验交给required指令处理）
          return $q.resolve();
        }
        // 发送校验请求
        return $http.get(url + 'adv/register/check?email=' + email)
          .then(function(response) {
            if (response.data === true) {
              // 邮箱已存在，返回reject触发校验失败
              return $q.reject('邮箱已被注册');
            } else {
              // 邮箱可用，返回resolve通过校验
              return $q.resolve();
            }
          });
      };
    }
  };
});

2. 在表单中使用验证器 #

<form name="registerForm" ng-submit="registerForm.$valid && submitRegistration()">
  <input type="email" 
         name="email" 
         ng-model="email" 
         unique-email 
         required>
  <!-- 显示校验状态和错误提示 -->
  <div ng-show="registerForm.email.$pending.uniqueEmail" class="text-info">正在校验邮箱...</div>
  <div ng-show="registerForm.email.$error.uniqueEmail" class="text-danger">该邮箱已被注册</div>
  
  <button type="submit" class="btn btn-alt-success" ng-disabled="registerForm.$invalid">注册</button>
</form>

3. 实现注册提交函数 #

$scope.submitRegistration = function() {
  // 这里执行最终的注册逻辑，比如发送POST请求提交用户信息
};

为什么你的原始代码会出问题？ #

其实你的代码里e理论上是可以通过闭包访问到的，但核心问题是异步请求的回调执行时机晚于表单的默认提交行为——等你拿到响应想阻止时，浏览器已经把表单提交出去了，看起来就像e没起作用，甚至可能因为某些作用域意外导致e被销毁，出现未定义的提示。

内容的提问来源于stack exchange，提问作者Valdemore