Selenium WebDriver Python：无法捕获页面邮箱验证错误消息

关键误区纠正 #

你之前通过「查看页面源代码」找不到提示，是因为动态生成的元素不会出现在初始的HTML源码里——必须在输入无效邮箱、提示出现后，右键点击提示框选择「检查」，用浏览器的「Elements」面板查看这个提示的真实DOM结构。

具体定位方案 #

1. 用显式等待捕获动态提示

错误提示是输入无效内容后才动态加载的，必须用Selenium的显式等待等待元素出现，不能直接硬定位。示例代码：

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

driver = webdriver.Chrome()
driver.get("https://www.uke.gov.pl/formularz-kontaktowy/")

# 定位邮箱输入框，输入触发错误的邮箱（比如test_@test_.com）
email_input = driver.find_element(By.ID, "form-contact-email")
email_input.send_keys("test_@test_.com")

# 触发表单校验（比如点击其他输入框，让邮箱输入框失去焦点）
driver.find_element(By.ID, "form-contact-name").click()

# 显式等待错误提示出现，通过文本内容匹配元素
wait = WebDriverWait(driver, 10)
error_element = wait.until(
    EC.presence_of_element_located(
        (By.XPATH, '//*[contains(text(), "A part following \'@\' should not contain the symbol \'_\'")]')
    )
)
print(error_element.text)

2. 关联邮箱输入框定位

如果提示元素在邮箱输入框的父容器或相邻位置，可以先定位输入框，再通过层级关系查找：

email_input = driver.find_element(By.ID, "form-contact-email")
# 查找输入框父容器下的所有错误提示元素
error_elements = email_input.find_elements(By.XPATH, "./../*[contains(@class, 'error')]")
for elem in error_elements:
    elem_text = elem.text.strip()
    if elem_text == "A part following '@' should not contain the symbol '_'":
        print(elem_text)
        break

3. 检查aria-describedby关联属性

很多表单校验提示会通过aria-describedby属性和输入框绑定，你可以先获取输入框的这个属性值，再直接定位对应的提示元素：

email_input = driver.find_element(By.ID, "form-contact-email")
desc_id = email_input.get_attribute("aria-describedby")
if desc_id:
    error_element = driver.find_element(By.ID, desc_id)
    print(error_element.text)

特殊情况处理：伪元素提示 #

如果提示是通过CSS伪元素（比如::after/::before）实现的，Selenium无法直接获取伪元素文本，需要用JS脚本提取：

# 先找到提示的宿主元素（比如邮箱输入框的父元素）
host_element = driver.find_element(By.XPATH, "//div[contains(@class, 'form-group') and .//input[@id='form-contact-email']]")
# 执行JS获取伪元素内容
script = """
return window.getComputedStyle(arguments[0], ':after').getPropertyValue('content');
"""
tooltip_text = driver.execute_script(script, host_element)
print(tooltip_text.strip('"'))  # 去掉文本前后的引号

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