USCIS官网输入收据号后按钮启用仍无法点击及提交问题求助

问题出在你直接修改输入框值和按钮状态，但没有触发USCIS页面内置的前端验证/状态更新逻辑，导致页面仍认为输入未完成，提交时无法携带参数或报错。以下是可行步骤：

• 步骤1：填入收据号并触发输入事件
  直接赋值不会触发页面监听的input或change事件，页面的验证逻辑无法感知输入变化，因此按钮保持禁用。需要手动触发事件：

  const receiptInput = document.getElementById('receipt_number');
  receiptInput.value = receiptNumber;
  // 触发input事件，模拟用户手动输入的行为
  receiptInput.dispatchEvent(new Event('input', { bubbles: true }));
  

• 步骤2：调用页面内置的验证函数（可选但推荐）
  USCIS的页面有内置的收据号验证逻辑，手动调用它可以确保输入被页面认可：

  // 检查页面是否存在验证函数并调用
  if (typeof validateReceiptNumber === 'function') {
    validateReceiptNumber(receiptInput);
  }
  

• 步骤3：触发按钮的原生点击事件
  不要直接移除disabled属性，等待页面逻辑自动启用按钮后，调用click()方法触发提交，这样会走页面的正常提交流程，携带所有必要参数：

  const submitBtn = document.getElementsByName('initCaseSearch')[0];
  // 等待按钮状态更新后点击（可加短暂延迟确保逻辑执行完成）
  setTimeout(() => {
    if (!submitBtn.disabled) {
      submitBtn.click();
    }
  }, 100);
  

为什么之前的方法无效？ #

1. 直接赋值输入框：页面的事件监听器未收到输入通知，内部状态仍标记为“未输入”，按钮保持禁用。
2. 强制移除disabled：页面的验证逻辑未通过，点击时会触发内置错误检查，导致undefined报错。
3. 直接调用form.submit()：跳过了页面的提交预处理逻辑，可能未携带隐藏字段（如CSRF令牌）或未完成参数格式化，导致仅刷新页面。

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