如何在多个验证表单期间触发ajax (成功)内的事件以定向到下一页

在多个验证表单期间触发ajax内的事件以定向到下一页，可以通过以下步骤实现：

首先，确保每个表单都有一个唯一的标识符或ID，以便在触发事件时能够区分它们。
在前端开发中，使用JavaScript监听表单提交事件，并阻止表单的默认提交行为。可以使用addEventListener方法来为每个表单添加事件监听器。
在事件监听器中，使用Ajax发送异步请求来验证表单数据。可以使用XMLHttpRequest对象或者更方便的jQuery.ajax方法来发送请求。
在Ajax请求成功的回调函数中，可以执行一些操作，比如显示成功消息、隐藏当前表单、显示下一个表单等。可以使用DOM操作来实现这些操作，比如使用getElementById获取表单元素，使用style属性来修改元素的显示或隐藏。
如果有多个表单需要验证，可以使用一个计数器来跟踪当前验证的表单索引。在每个表单验证成功后，递增计数器，并根据计数器的值来决定下一个要验证的表单。
如果需要在所有表单验证成功后跳转到下一页，可以在最后一个表单验证成功后执行跳转操作。可以使用window.location.href来实现页面跳转。

下面是一个示例代码，演示了如何在多个验证表单期间触发ajax内的事件以定向到下一页：

// 表单索引
var formIndex = 0;

// 表单验证函数
function validateForm() {
  // 获取当前表单
  var currentForm = document.getElementById('form' + formIndex);
  
  // 发送Ajax请求验证表单数据
  $.ajax({
    url: 'validate.php',
    type: 'POST',
    data: $(currentForm).serialize(),
    success: function(response) {
      // 验证成功
      if (response === 'success') {
        // 隐藏当前表单
        currentForm.style.display = 'none';
        
        // 增加表单索引
        formIndex++;
        
        // 显示下一个表单
        var nextForm = document.getElementById('form' + formIndex);
        nextForm.style.display = 'block';
        
        // 如果是最后一个表单，跳转到下一页
        if (formIndex === 2) {
          window.location.href = 'nextpage.html';
        }
      }
    }
  });
}

// 添加表单提交事件监听器
document.getElementById('form0').addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止表单默认提交行为
  validateForm();
});

在上述示例代码中，假设有两个表单，分别具有ID为"form0"和"form1"。每次提交表单时，会调用validateForm函数来验证表单数据。如果验证成功，会隐藏当前表单，显示下一个表单。当最后一个表单验证成功后，会跳转到下一页。

请注意，示例代码中使用了jQuery库来简化Ajax请求和DOM操作，如果不使用jQuery，可以使用原生JavaScript来实现相同的功能。

此外，根据具体需求，可以根据表单的内容和验证逻辑进行相应的修改和扩展。