1. ホーム
  2. javascript

[解決済み] "要求された形式に合わせてください "を削除する方法

2022-02-16 07:13:47

質問内容

を変更するにはどうすればよいですか? "必要な形式に一致させてください" "有効ではありません"

私はStackoverflowのすべてを探したが、それは重複しているかもしれないが、私を助けてくださいに役立つ何かを見つけることができませんでした!私は、あなたがそれを行うことができます。

もし私が 'asd' を入力し GO を入力し、続けてメッセージを入力します。 "必要な形式に一致させてください" が表示されます。

ごちゃごちゃしたコードはいらないから、できれば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>

解決方法は?

を使用する必要があります。 onchangethis.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>