代码之家 › 专栏 › 技术社区 › ThunderHorn

如何删除“请匹配请求的格式”

html javascript

ThunderHorn · 技术社区 · 6 年前

我该怎么换 “请匹配所需格式” 具有

我找遍了所有的堆栈溢出找不到任何帮助它可能是一个副本,但请帮助我!

如果我打字 'asd' 在现场,然后按 ,然后继续键入消息 “请匹配所需格式” 将出现

我不想要混乱的代码,我希望它是在html标签,如果可能的话!

<form id="banner-message">
    <input value=""
    name="email" 
    id="inputEmail"
    class="form-control"
    placeholder="email"
    required="" 
    autofocus=""  
    oninvalid="this.setCustomValidity('Not Valid')"                                               oninput="setCustomValidity('')"
    pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$">

    <button class="btn btn-lg  btn-block" type="submit">Go</button>
</form>

1 回复 | 直到 6 年前

ThunderHorn 6 年前

你需要使用 onchange this.setCustomValidity

  <form id="banner-message">
      <input value="" 
      name="email" 
      id="inputEmail"
      class="form-control"
      placeholder="email"
      required=""
      autofocus="" 
      oninvalid="this.setCustomValidity('Not Valid')"
      onchange="try{setCustomValidity('')}catch(e){}"
      oninput="setCustomValidity(' ')"
      pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$">

      <button class="btn btn-lg  btn-block" type="submit">Go</button>
    </form>