自动填充：“值是必需的”，即使表单字段中有值

Question

我正在使用插件来自动填写工作日工作申请：

内容脚本：

    // Fill the First Name
    const firstNameInput = document.querySelector('[data-automation-id="legalNameSection_firstName"]');
    if (firstNameInput) {
        firstNameInput.value = 'First Name'; 
        firstNameInput.focus();

    }

    // Fill the Last Name
    const lastNameInput = document.querySelector('[data-automation-id="legalNameSection_lastName"]');
    if (lastNameInput) {
        lastNameInput.value = 'Last Name'; 
        lastNameInput.focus();
    }

    const address_1 = document.querySelector('[data-automation-id="addressSection_addressLine1"]');
    if (address_1) {
        address_1.value = 'address1'; 
        address_1.focus();
    }
    const address_2 = document.querySelector('[data-automation-id="addressSection_addressLine2"]');
    if (address_2) {
        address_2.value = 'address2'; 
        address_2.focus();
    }
    const postalCode = document.querySelector('[data-automation-id="addressSection_postalCode"]');
    if (postalCode) {
        postalCode.value = '0000'; 
        postalCode.focus();
    }

    const city = document.querySelector('[data-automation-id="addressSection_city"]');
    if (city) {
        city.value = 'Hong Kong'; 
        city.focus();
    }
    
    const phoneNumber = document.querySelector('[data-automation-id="phone-number"]');
    if (phoneNumber) {

        phoneNumber.value = '1234 5678'; 
        phoneNumber.focus();

    }

在此输入图片描述

我尝试重新排列填充顺序并专注于这些元素。

只有最后一个元素没有这个问题。

我尝试重新排列填充顺序并专注于这些元素。

只有最后一个元素没有这个问题。

Answer 1

可以手动调用onchange和onunfoucs方法 代码：

function update (elem) {
  if (typeof elem.onchange == "function") {
    elem.onchange()
  }
  if (typeof elem.onunfoucs == "function") {
    elem.onunfoucs()
  }
}

在每个设置值之后使用输入元素调用

update()