How to get the text from the HTML5 input field error message in Selenium?

Question

On giving invalid data in the email field it prompts for an HTML 5 alert message.
Firebug doesn't allow to inspect this error message (Please enter an email address) in two cases:

a. While inspecting with Firebug it is getting disappeared.

b. Right click on top of the error message doesn't work to inspect the element in DOM structure.

score 14 · Accepted Answer · answered Aug 07 '16 at 09:57

The Selenium API doesn't support directly a required field. However, you can easily get the state and the message with a piece of JavaScript (Java):

JavascriptExecutor js = (JavascriptExecutor)driver;

WebElement field = driver.findElement(By.name("email"));
Boolean is_valid = (Boolean)js.executeScript("return arguments[0].checkValidity();", field);
String message = (String)js.executeScript("return arguments[0].validationMessage;", field);

Note that it's also possible to use getAttribute to get the validationMessage even though it's a property:

String message = driver.findElement(By.name("email")).getAttribute("validationMessage");

score 2 · Answer 2 · edited Jan 23 '18 at 11:11

2

In Python:

self.browser.get(self.live_server_url + registration_path)
email_input = self.browser.find_element_by_id('id_email_input')
validation_message = email_input.get_attribute("validationMessage");

http://selenium-python.readthedocs.io/api.html#module-selenium.webdriver.remote.webelement

edited Jan 23 '18 at 11:11

DeiDei

10,205
6
55
80

answered Jan 23 '18 at 10:51

Vlad Lehelt

37
4

score 0 · Answer 3 · edited Dec 27 '18 at 07:50

0

You get all html5 required field validation in this way.

String errorMessage = driver.findElement(By.id("email")).getAttribute("validationMessage");

edited Dec 27 '18 at 07:50

undetected Selenium

183,867
41
278
352

answered Aug 31 '16 at 06:14

Amol Bande

1
1

score 0 · Answer 4 · answered Feb 27 '22 at 19:30

The HTML5 input field error message is actually the HTML5 Constraint validation message which is the outcome of Constraint API's element.setCustomValidity() method.

To retrieve the text Please enter an email address. you can use either of the locator strategies:

Using Java and cssSelector:

WebElement emailField = driver.findElement(By.name("email"));
System.out.println(emailField.getAttribute("validationMessage"));

Using Python and xpath:

emailField = driver.find_element(By.NAME, "email")
print(emailField.get_attribute("validationMessage"))

References

You can find a couple of relevant detailed discussion in:

How to get the text from the HTML5 input field error message in Selenium?

4 Answers4

References

Linked