入力中にテキストフィールドを検証する

Question

なしフォームおよび送信ボタン。 テキストフィールドの横にエラーが表示されます。

Answer 1

あなたはそうのようなエラーを表示するdiv要素を使用することができます。そして、すべての障害物がある場合

var textbox = document.getElementById("textbox-id"); 
 
     divAfterTextBox = document.getElementById("divAfterTextBox-id"); 
 
    
 
    textbox.onkeyup = function(){ 
 
     if (textbox.value.length < 3) divAfterTextBox.textContent = "ERROR"; 
 
     else divAfterTextBox.textContent = ""; 
 
     // divAfterTextBox.textContent = textbox.value.length < 3 ? 
 
     // "ERROR" : divAfterTextBox.textContent = ""; 
 
    }

<input id="textbox-id" type="text"> 
 
<div id="divAfterTextBox-id"></div>