How to extract the error hint of text box when user entered incorrect value in Selenium

Question

When incorrect value is entered in textbox next hint is appeared:

HTML:

<form action="/login" method="post" class="form-horizontal"> <input type="hidden"> 
    <div class="form-group form-group-withLabel"> 
        <input type="email" name="_username" id="inputEmail" required="" autofocus="" autocomplete="off"> 
        <label for="inputEmail" class="inner-label">Email address</label> 
    </div> 
    <div class="form-group form-group-withLabel"> 
        <input type="password" name="_password" id="inputPassword" placeholder="Password" required=""> 
        <label class="inner-label" for="inputPassword">Password</label> 
    </div> 
</form>

I need to get text from this hint.

I have tried to used:

Alert alert = driver.switchTo().alert()->getText();

but it did not help.

How to get text from such hints?

When you hover to that error message, do you see any tooltip or any other tag? — cruisepandey, Mar 22 '22 at 08:44
Feeze DOM in the moment of the textbox appears to see it is defined in the source code. See how to freeze DOM here https://stackoverflow.com/questions/19422214/how-can-i-inspect-disappearing-element-in-a-browser — pburgr, Mar 22 '22 at 10:31

score 0 · Accepted Answer · answered Mar 22 '22 at 23:21

This error hint is basically the HTML5 Constraint validation message which is the outcome of Constraint API's element.setCustomValidity() method.

To get text from the error hint you need to induce WebDriverWait for the elementToBeClickable() and you can use either of the following locator strategies:

Using cssSelector:

System.out.println(new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("input#inputEmail[name='_username']"))).getAttribute("validationMessage"));

Using xpath:

System.out.println(new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//input[@id='inputEmail' and @name='_username']"))).getAttribute("validationMessage"));

References

You can find a couple of relevant detailed discussions in:

How can I extract the text of HTML5 Constraint validation in https://www.phptravels.net/ website using Selenium and Java?

thanks for answering! it works for Java, but it is impossible to get validation message in php. I have used the same approach but no success — tester, Mar 26 '22 at 15:23
Feel free to raise a new question as per your new requirement. — undetected Selenium, Mar 26 '22 at 15:25

How to extract the error hint of text box when user entered incorrect value in Selenium

1 Answers1

References