如何使用Selenium处理html5约束验证弹出？

Question

照片说明了一切。点击“登录”按钮后，“请填写此字段。”出现弹出消息。看起来像是javascript的东西。我想通过使用Selenium获得这个弹出消息的文本。有可能吗？以下是电子邮件输入字段的html：

<input autocorrect="none" autocapitalize="none" spellcheck="false" autofocus="autofocus" class="cell small-21 form-text required" data-drupal-selector="edit-name" aria-describedby="edit-name--description" type="text" id="edit-name" name="name" value="" size="60" maxlength="60" required="required" aria-required="true" placeholder="Email or Username">

Answer 1

您引用的弹出窗口是Constraint API的element.setCustomValidity()方法的结果。

注意:HTML5约束验证并不消除对服务器端验证的需求。即使预计无效表单请求要少得多，无效表单请求仍然可以由不兼容的浏览器发送（例如，没有HTML5和JavaScript的浏览器），或者由试图欺骗您的web应用程序的坏蛋发送。因此，与HTML4一样，您也需要验证服务器端的输入约束，其方式与客户端的操作一致。

若要检索元素.setCustomValidity()方法产生的文本，可以使用以下任一定位器策略：

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

driver = webdriver.Firefox(executable_path=r'C:\Utility\BrowserDrivers\geckodriver.exe')
driver.get("https://accounts.us1.advisor.ws/user/login")
email_username = WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "input.cell.small-21.form-text.required#edit-name[name='name']")))
print(email_username.get_attribute("validationMessage"))

Please fill out this field.

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.chrome.ChromeOptions;
import org.openqa.selenium.support.ui.ExpectedConditions;
import org.openqa.selenium.support.ui.WebDriverWait;

public class validationmessage {

    public static void main(String[] args) {

        System.setProperty("webdriver.chrome.driver", "C:\\Utility\\BrowserDrivers\\chromedriver.exe");
        ChromeOptions options = new ChromeOptions();
        options.addArguments("start-maximized");
        options.addArguments("disable-infobars");
        options.addArguments("--disable-extensions"); 
        WebDriver driver =  new ChromeDriver(options);
        driver.get("https://accounts.us1.advisor.ws/user/login");
        WebElement email_username = new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//input[@class='cell small-21 form-text required' and @id='edit-name'][@name='name']")));
        System.out.println(email_username.getAttribute("validationMessage"));
    }
}

控制台输出：

Please fill out this field.