How can I customize "Please enter a valid email address" in bootstrap html?

I want to customize

image

so that it says something else but I have no idea how to do it.

  <div class="container">
    <h2>Search husbandos in the database</h2>
    <form>
      <div class="form-group">
        <label for="exampleInputEmail1">Search Husbando</label>
        <input type="email" onkeyup="getwaifu(this.value)" class="form-control"id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter a keyword">
        <small id="emailHelp" class="form-text text-muted">Enter a husbando name.</small>
      </div>
      <div id="results"></div>
    </form>
  </div>

This is how the html looks like. I want it so whenever someone presses enter, it doesn’t say or says something else other than “Please enter a valid email address”.

@HK420 Try adding this to the input:

oninvalid="this.setCustomValidity('Your Text')" onvalid="this.setCustomValidity('')"
6 Likes

Holllly, I’ve tried this before but it didn’t work but when I copied yours it worked thankssssss!

3 Likes

Bookmarked, thanks!

2 Likes