如何让指定类别的提交按钮保留原功能同时实现点击/回车跳转？

完全可行，根据你的表单提交方式，给你两种适配方案：

场景1：表单采用异步提交（AJAX/Fetch） #

如果你的创建账户功能是通过前端异步请求API实现的（页面不刷新），可以通过监听表单提交事件，在账户创建成功后跳转：

1. 先找到你的表单元素（如果表单没有标识，可通过按钮向上查找或给表单加个id/data-test属性）
2. 添加提交事件监听，在成功回调里执行跳转

示例代码：

// 获取表单（这里假设表单有data-test="create-account-form"，没有的话换其他选择器）
const createAccountForm = document.querySelector('form[data-test="create-account-form"]');

// 监听表单提交事件（点击按钮或回车都会触发）
createAccountForm.addEventListener('submit', async function(event) {
  // 阻止默认的同步提交行为
  event.preventDefault();

  try {
    // 1. 执行原有创建账户的逻辑（收集表单数据并调用API）
    const formData = new FormData(createAccountForm);
    const apiResponse = await fetch('/api/create-account', {
      method: 'POST',
      body: formData
    });

    // 2. 验证API返回是否成功
    if (apiResponse.ok) {
      // 跳转到支付页面，替换成你的实际支付页URL
      window.location.href = '/payment';
    } else {
      // 处理创建失败的情况，比如提示用户
      alert('账户创建失败，请检查信息后重试');
    }
  } catch (error) {
    // 处理网络异常
    alert('网络连接出错，请稍后再试');
  }
});

如果你的项目已经有现成的创建账户JS逻辑，不用重写，只需要在原有逻辑的成功回调里加上window.location.href = '你的支付页URL'即可。

场景2：表单采用同步提交（传统页面刷新式提交） #

如果你的表单是直接提交到后端（页面会刷新），前端无法直接控制跳转，需要后端在处理完账户创建后，返回重定向指令：

比如用PHP后端的示例：

// 处理账户创建的逻辑（验证数据、写入数据库等）
// ...

// 账户创建成功后，重定向到支付页面
header("Location: /payment");
exit;

其他后端语言（Node.js、Python等）也有对应的重定向方法，核心是让后端返回HTTP 302状态码并指定支付页地址。

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