VAT验证网站自动化遇Text field 'Element not interactable'问题求助

尝试实现欧盟VAT验证网站的截图自动化，通过CSV文件（客户名称、国家代码、VAT号三列）读取数据，代码能成功选择国家，但无法向VAT号输入框输入内容，报错Element not interactable，尝试WebDriverWait也未解决问题。

原代码如下：

import csv
import datetime
from selenium import webdriver
from selenium.webdriver.support.ui import Select
from selenium.webdriver.common.by import By
from selenium.webdriver.common.keys import Keys

with open('data.csv', 'r') as file:
    reader = csv.reader(file)
    data = list(reader)
client_name = data[1][0]
country = data[1][1]
vat_number = data[1][2]

driver = webdriver.Chrome()
driver.get('https://ec.europa.eu/taxation_customs/vies/#/vat-validation')

dropdown = Select(driver.find_element(By.XPATH,'//select[@id="select-country"]'))
dropdown.select_by_value(country)

driver.implicitly_wait(5) 

vat_field = driver.find_element(By.XPATH,'//*[@id="vat-validation-form"]').send_keys(vat_number)

submit_button = driver.find_element_by_id('submit')
submit_button.click()

now = datetime.datetime.now()
date_string = now.strftime('%Y-%m-%d_%H-%M-%S')
filename = f'{date_string}_{client_name}.png'
driver.save_screenshot(filename)

driver.quit()

核心问题：元素定位错误 #

你当前定位VAT输入框的XPath指向的是整个表单元素（vat-validation-form是表单ID），而非实际的输入框，这是导致无法输入的直接原因。

具体修正步骤 #

1. 修正输入框定位
   实际的VAT输入框ID为vat，将定位语句改为：

   vat_field = driver.find_element(By.ID, "vat")
   

   或使用XPath：//input[@id="vat"]

2. 改用显式等待确保元素可交互
   隐式等待易与显式等待冲突，建议用显式等待等待输入框处于可交互状态后再操作。先导入相关模块：

   from selenium.webdriver.support.ui import WebDriverWait
   from selenium.webdriver.support import expected_conditions as EC
   

   替换原有的driver.implicitly_wait(5)为：

   # 最长等待10秒，直到输入框可点击
   vat_field = WebDriverWait(driver, 10).until(
       EC.element_to_be_clickable((By.ID, "vat"))
   )
   

3. 可选：滚动到输入框位置
   若输入框因页面布局未完全可见，可先滚动到元素位置：

   driver.execute_script("arguments[0].scrollIntoView();", vat_field)
   

修改后的完整代码 #

import csv
import datetime
from selenium import webdriver
from selenium.webdriver.support.ui import Select
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

with open('data.csv', 'r') as file:
    reader = csv.reader(file)
    data = list(reader)
client_name = data[1][0]
country = data[1][1]
vat_number = data[1][2]

driver = webdriver.Chrome()
driver.get('https://ec.europa.eu/taxation_customs/vies/#/vat-validation')

# 选择国家
dropdown = Select(driver.find_element(By.ID, 'select-country'))
dropdown.select_by_value(country)

# 显式等待VAT输入框可交互
vat_field = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.ID, "vat"))
)
# 滚动到输入框（可选）
driver.execute_script("arguments[0].scrollIntoView();", vat_field)
# 输入VAT号
vat_field.send_keys(vat_number)

# 等待提交按钮可点击并点击
submit_button = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.ID, 'submit'))
)
submit_button.click()

# 等待验证结果加载，确保截图包含完整内容
WebDriverWait(driver, 15).until(
    EC.presence_of_element_located((By.CLASS_NAME, "validation-result"))
)

# 保存截图
now = datetime.datetime.now()
date_string = now.strftime('%Y-%m-%d_%H-%M-%S')
filename = f'{date_string}_{client_name}.png'
driver.save_screenshot(filename)

driver.quit()

额外说明 #

• 新增等待验证结果加载的步骤，避免因截图时机过早导致内容不全。
• 统一使用By.ID定位元素，比XPath更稳定高效。

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