2

たとえば、私は入力を持っています:

<input type="text" id="username" required></input>

また、私は持ってい<button onclick="test_click()"></button>ます。

function test_click(){
    //
    // Here i check user input
    // 
}

ユーザー入力が間違っている場合、ボタンをクリックした後にエラーのヒントを表示するにはどうすればよいですか? イベントを実行する必要がありoninvalidます。どうすればこれを作成できますか?

ありがとうございました。

4

1 に答える 1

0

通常、この種のフィードバックを提供するために、隠し DOM 要素を使用します。どの dom 要素を使用するかは、エラー ヒントをどのように表示するかによって異なります。

たとえば、<span>または<img>を のすぐ隣に配置<input>し、コンテンツ セットでエラー ヒントを表示することができます。最初に、この要素がdisplay: none;表示されないように、含めるスタイルを設定します。次に、関数で、スタイルをまたはなどtest_click()に変更できます（選択した要素に応じて）。display: inline;display: block;

jQuery を使用している場合は、次のようになります。

function test_click(){
   if (error_condition)
   {
      $("#errorElementID").css("display","inline");
   }
}

jQuery を使用していない場合は、次のようになります。

function test_click(){
   if (error_condition)
   {
      document.GetElementById("errorElementID").style.display = "inline";
   }
}
于 2013-04-25T18:33:06.327 に答える