如何用Selenium Python验证浏览器端tooltip式验证提示是否显示

要判断点击提交后浏览器原生的tooltip验证提示是否显示，不能仅依赖validationMessage属性（它只要元素不符合验证规则就会返回内容，和提示是否显示无关），可以通过以下几种方法实现：

方法一：结合元素聚焦状态与验证消息 #

浏览器触发验证后，会自动聚焦到第一个无效字段并显示提示，因此可以通过检查输入框是否为当前活跃元素+是否存在验证消息来判断：

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait

# 初始化浏览器驱动（示例为Chrome）
driver = webdriver.Chrome()
driver.get("你的表单页面URL")

# 定位密码输入框和提交按钮
password_input = driver.find_element(By.XPATH, "//input[@placeholder='Password']")
submit_btn = driver.find_element(By.XPATH, "//button[@type='submit']")

# 输入无效内容（比如空值或不符合规则的短密码）
password_input.clear()
password_input.send_keys("123")

# 点击提交触发验证
submit_btn.click()

# 等待输入框获得焦点（浏览器自动聚焦无效字段）
WebDriverWait(driver, 5).until(lambda d: d.execute_script("return document.activeElement === arguments[0];", password_input))

# 验证条件：输入框是活跃元素 + 存在验证消息
is_tooltip_visible = (
    driver.execute_script("return document.activeElement === arguments[0];", password_input)
    and password_input.get_attribute("validationMessage") != ""
)

print("验证提示是否可见：", is_tooltip_visible)

driver.quit()

方法二：使用reportValidity()强制触发验证 #

调用元素的reportValidity()方法会直接显示验证提示（如果元素无效），同时返回布尔值表示元素是否有效，结合验证消息判断：

# 输入无效内容并点击提交后，执行以下代码
# 调用reportValidity()，无效则显示提示并返回False
is_invalid = not driver.execute_script("return arguments[0].reportValidity();", password_input)
has_validation_msg = password_input.get_attribute("validationMessage") != ""

is_tooltip_visible = is_invalid and has_validation_msg
print("验证提示是否可见：", is_tooltip_visible)

关键说明 #

• 浏览器原生的验证提示不属于DOM元素，无法直接定位，只能通过元素状态间接判断
• 两种方法都能覆盖主流浏览器（Chrome、Firefox、Edge）的验证行为

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