基于jQuery实现表单身份验证通过后跳转内部URL的提交逻辑求助

当前#btn-gothere的点击逻辑直接打开新窗口跳转，完全跳过了表单提交环节，既没有衔接身份验证通过后的提交流程，也不符合「提交表单后重定向内部URL」的需求。

1. 锚定表单对象 #

找到页面上的登录表单DOM，添加唯一id标识，避免提交时错选其他页面元素：

<form id="loginForm" action="/服务端校验接口路径" method="post">
  <!-- 原有表单内的标签、输入框、错误提示元素保持不变 -->
</form>

2. 补全缺失的提交逻辑 #

保留原有字段校验的完整逻辑，重写「go there」按钮的触发链路，替换原来的直接开窗逻辑：

jQuery(document).ready(function(e) {
    // 原有登录按钮校验逻辑保持不变
    $('#btn-login').click(function(){ 
        var errorCount = 0; 
        // 清空上一次校验残留的错误提示
        $('#login-wrap .errorMessage').text('');
        $('#login-wrap input').each(function(){
            if($(this).val() === '') {
                var errorMsg = 'Please fill '+ $(this).prev('label').text();
                $(this).next('.errorMessage').text(errorMsg);
                errorCount += 1;
            }
        });

        // 所有字段校验通过才弹出确认模态框
        if (errorCount === 0) { 
            $('#myModal').modal('show');  
        }
        return false;
    });
  
    // 重写go there按钮的点击逻辑
    $('#btn-gothere').click(function(){
        // 关闭确认模态框
        $('#myModal').modal('hide');  
        // *这是原代码缺失的核心逻辑：触发绑定的登录表单提交
        $('#loginForm').submit();
        // 同步提交模式下，跳转由服务端校验通过后返回重定向指令完成
        // 如果需要前端控制跳转，可在表单提交完成的回调中添加：
        // window.location.href = $(this).data('url');
    });
});

• 表单数据未成功发送到服务端时不要提前执行跳转，否则会导致提交流程中断，数据丢失
• 若采用异步提交模式，必须在服务端返回「身份验证通过」的成功回调里再执行重定向，避免时序错误：

  // 异步提交场景的go there逻辑示例
  $('#btn-gothere').click(function(){
      $('#myModal').modal('hide');  
      $.ajax({
          url: $('#loginForm').attr('action'),
          method: 'post',
          data: $('#loginForm').serialize(),
          success: function() {
              // 身份校验通过后再执行内部URL重定向
              window.location.href = $(this).data('url');
          }
      })
  });
  

• 原有#btn-login逻辑里的return false必须保留，否则点击登录按钮时会直接触发表单默认提交，跳过前端逐字段校验环节
• 原代码里的window.open是打开新标签页，和需求要求的内部重定向（同标签页跳转）逻辑不匹配，需要替换为window.location.href实现同页跳转

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