自制HTML自动登录表单对Website B失效，寻求排查建议

咱们一步步来分析为啥你的自动登录在Website B上失效了，结合你给出的代码和B站的原表单，主要有这几个可能的问题：

1. 跳过了B站表单的提交前验证逻辑 #

你看B站的原表单有onsubmit="javascript:return WebForm_OnSubmit();"，这个函数大概率是ASP.NET页面常用的提交前处理——可能会生成或更新__VIEWSTATE、__EVENTVALIDATION这类隐藏字段，或者做表单格式验证。你直接调用document.getElementById('LoginForm').submit()跳过了这个函数，导致提交的请求缺少后端要求的关键参数，自然无法完成登录。

解决思路：必须先加载B站的登录页面，获取这些自动生成的隐藏字段，再把它们加到你的提交表单里一起发送。

2. 表单提交的目标和时序逻辑混乱 #

你的代码里注释说要“submit the form into iframe”，但表单的target="_self"，这会直接替换当前页面，而不是在iframe里提交。同时你先提交表单，再绑定iframe的onload事件，这时候页面可能已经跳转了，后续的iframe逻辑根本不会执行。

解决思路：把表单的target设为iframe的name（也就是frame），并且等iframe加载完B站登录页后再执行提交操作。

3. Action路径或字段名不匹配 #

• B站原表单的action="./"是相对路径，你写的action="website B login page"如果是绝对URL，可能和B站后端预期的提交端点不一致。可以用浏览器开发者工具查看B站登录时实际发送POST请求的地址，确保action路径完全匹配。
• 再仔细核对B站原表单的用户名、密码字段名，是不是和你写的tbUsername、tbPassword完全一致？大小写、拼写错误都会导致后端识别不到参数。

4. 缺少必要的Cookie/CSRF验证 #

很多网站会用Cookie做会话验证，你直接提交表单没有带上B站登录页的Cookie（比如ASP.NET的会话Cookie），后端会判定为非法请求。这种情况下，必须让iframe先加载登录页，获取到合法的Cookie后，再在同一个iframe上下文里提交表单。

调整后的示例代码 #

结合上面的问题，你可以试试这个修改后的代码：

<html>
<head></head>
<body style="word-wrap: break-word;">
<iframe id="frame" name="frame" width="100%" height="100%" scrolling="yes" style="border:0" src="website B login page"></iframe>
<script type="text/javascript">
// 等iframe加载完B站登录页后再执行提交逻辑
document.getElementById('frame').onload = function() {
  const iframeDoc = this.contentDocument || this.contentWindow.document;
  
  // 获取B站表单里的关键隐藏字段（ASP.NET常见字段）
  const viewState = iframeDoc.querySelector('input[name="__VIEWSTATE"]');
  const eventValidation = iframeDoc.querySelector('input[name="__EVENTVALIDATION"]');
  
  // 创建要提交的表单
  const submitForm = document.createElement('form');
  submitForm.target = 'frame'; // 指定在iframe里提交
  submitForm.method = 'post';
  // 用B站原表单的action路径，或者直接用登录页的绝对URL
  submitForm.action = iframeDoc.getElementById('LoginForm').action;
  
  // 添加用户名和密码字段
  const username = document.createElement('input');
  username.type = 'hidden';
  username.name = 'tbUsername';
  username.value = 'StarFort';
  submitForm.appendChild(username);
  
  const password = document.createElement('input');
  password.type = 'hidden';
  password.name = 'tbPassword';
  password.value = '325starfort306';
  submitForm.appendChild(password);
  
  // 把获取到的隐藏字段添加进去
  if (viewState) submitForm.appendChild(viewState.cloneNode(true));
  if (eventValidation) submitForm.appendChild(eventValidation.cloneNode(true));
  
  // 提交表单
  document.body.appendChild(submitForm);
  submitForm.submit();
  document.body.removeChild(submitForm);
  
  // 登录完成后跳转到B站首页
  setTimeout(() => {
    if (this.src !== "Website B home page") {
      this.src = "Website B home page";
    }
  }, 1500);
};
</script>
</body>
</html>

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