如何在电子邮件验证期间仅针对Regex模式更改验证消息

Question

Iam using html5 validation for email ..But there it is not validating for .com or .co.So Iam using regex for that

[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{1,63}$

If i dont give @ it is giving html5 validation message which is fine..But if we dont give . and following com it is giving regex message as "Please match the requested format"..How can we change this message to a meaningful one.But the other messages shouldnt be changed.

 <input type="email" class="form-control" id="inputEmail3" placeholder="Email" pattern="[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{1,63}$" required/>

Thanks

Jsfiddle: https://jsfiddle.net/T29Kx/369/

Answer 1

It's not supported on every browser (i think safari lacks support for it) but you can use the oninvalid and setCustomValidity methods

 <form> <input type="email" class="form-control" id="inputEmail3" placeholder="Email" pattern="[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{1,63}$" oninvalid="setCustomValidity('Plz enter valid email')" required/> <input type="submit"> </form>