How to display HTML5 client-side validation error bubbles?



To display HTML5 client-side validation error bubbles, use the required attribute.

You do not need to have JavaScript for client side validations like empty text box would never be submitted because HTML5 introduced a new attribute called required which would be used as follows and would insist to have a value:

<!DOCTYPE HTML> <html>    <body>       <form action = "/cgi-bin/html5.cgi" method = "get">          Enter email : <input type = "text" name = "newinput" required/>          <p>Try to submit using Submit button</p>          <input type = "submit" value = "submit" />       </form>    </body> </html>
Updated on: 2020-01-27T09:25:50+05:30

356 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements