22

次のように入力でパターンを使用すると:

<input type="text" value="" pattern="(\d|(\d,\d{0,2}))">

テキスト付きのポップアップ警告が表示されます。このテキストを簡単に変更するにはどうすればよいですか?

4

5 に答える 5

42 
<input type="text" value="" pattern="(\d|(\d,\d{0,2}))" title="YOUR_WARNING_TEXT" >
于 2012-07-31T11:44:50.463 に答える
7

表示されるテキストは、タグのtitle属性で定義できます。input

于 2012-07-31T11:33:35.777 に答える
5

この質問は、過去にすでに回答されています。回答は次の URL を参照してください: HTML5 フォームの必須属性。カスタム検証メッセージを設定しますか?

于 2012-07-31T11:33:51.457 に答える
4

titleパターン警告に追加されます。警告はブラウザの言語に翻訳されるため、英語の文字列が奇妙に見える場合があることに注意してください。

これは、警告を完全に置き換える唯一の方法です。

<input type="text" required pattern="PATTERN" oninvalid="invalid" oninput="invalid">

/**
 * Shows a custom validity message
 * @param e - event
 */
function invalid(e) {
  if (!/PATTERN/.test(e.target.value)) { // somehow validity.valid returns a wrong value
    e.target.setCustomValidity('INVALID')
  } else {
    e.target.setCustomValidity('')
  }
}

フォームが検証されると、値がパターンに一致するまで警告がポップアップし続けます。inputイベントが他のほとんどの回答で提案されているように設定されている場合setCustomValidity('')、デフォルトの警告が返されます。

于 2019-05-15T09:18:56.200 に答える