How to handle HTML constraint validation pop-up using Selenium?

by

The popup which you are referring is the outcome of Constraint API’s element.setCustomValidity() method.

Note: HTML5 Constraint validation doesn’t remove the need for validation on the server side. Even though far fewer invalid form requests are to be expected, invalid ones can still be sent by non-compliant browsers (for instance, browsers without HTML5 and without JavaScript) or by bad guys trying to trick your web application. Therefore, like with HTML4, you need to also validate input constraints on the server side, in a way that is consistent with what is done on the client side.

Solution

To retrieve the text which results out from the element.setCustomValidity() method, you can use either of the following Locator Strategies:

  • Using Python, Mozilla and CssSelector:

    • Code Block:

      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"))

    • Console Output:

      Please fill out this field.

  • Using Java, Chrome and Xpath:

    • Code Block:

      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"));
    }
}

    • Console Output:

      Please fill out this field.

More Related Contents:

  1. How to handle html5 constraint validation pop-up using Selenium?
  2. How does Selenium click on elements that are 50% on screen and 50% not on screen?
  3. What does #document mean?
  4. How can I extract the text of HTML5 Constraint validation in https://www.phptravels.net/ website using Selenium and Java? [duplicate]
  5. Selenium – wait until element is present, visible and interactable
  6. How to sleep Selenium WebDriver in Python for milliseconds
  7. How to resolve ElementNotInteractableException: Element is not visible in Selenium webdriver?
  8. Best way to keep track and iterate through tabs and windows using WindowHandles using Selenium
  9. selenium.common.exceptions.ElementNotInteractableException: Message: element not interactable when clicking on an element using Selenium Python
  10. How can I select a html element no matter what frame it is in in selenium?
  11. Selenium WebDriver throws Exception in thread “main” org.openqa.selenium.ElementNotInteractableException
  12. Selenium: How selenium identifies elements visible or not? Is is possible that it is loaded in DOM but not rendered on UI?
  13. Unable to locate element of credit card number using selenium python
  14. Message: Element could not be scrolled into view while trying to click on an option within a dropdown menu through Selenium
  15. Selenium and iframe in html
  16. How to simulate HTML5 Drag and Drop in Selenium Webdriver?
  17. “NoSuchWindowException: no such window: window was already closed” while switching tabs using Selenium and WebDriver through Python3
  18. How to click on the reCAPTCHA using Selenium and Java
  19. What is the internal working difference between Implicit Wait and Explicit Wait
  20. How to click on hidden element in Selenium WebDriver?
  21. Logic Operators in WebDriverWait Expected Conditions
  22. ElementNotInteractableException: Message: element not interactable error sending text in search field using Selenium Python
  23. How to automate Google Home Page auto suggestion?
  24. scrollIntoView vs moveToElement
  25. Selenium Webdriver – Stale element exception when clicking on multiple dropdowns while HTML DOM doesn’t change
  26. How to combine implicit and explicit timeouts in Selenium?
  27. selenium.common.exceptions.ElementNotVisibleException: Message: element not visible while trying to access an element with Python + Selenium
  28. How to wait for either of the two elements in the page using selenium xpath
  29. How to get the text from the HTML5 input field error message in Selenium?
  30. Message: stale element reference: element is not attached to the page document in Python

Leave a Comment