入力CSSを値の長さの関数で変更する

Question

JSのhtml入力フィールドの文字数に依存するif文を作成するにはどうすればよいですか？たとえば、入力フィールドに0より大きい値がある場合、そのフィールドのCSS属性が変更されます。

Answer 1

として

<input type="text" id="text1"> 

とjsのコードif条件あなたは何かが入力フィールドに変更しながら、ページのロード時に起こるかをチェックしたい場合によっては。ページの読み込みチェック他@gurvinder372 answer上では、入力フィールドにonkeyupのためにこれをチェックすることができます。

document.getElementById('input').onkeyup = function(){ 
 
    if(this.value.length > 0) { 
 
     \t \t this.style.background = 'red'; 
 
    } else { 
 
     \t \t this.style.background = 'green'; 
 
    } 
 
}

<input type="text" id="input">

Answer 2

これは何か？

document.onload = function(){ 
    var val = document.getElementById("text1").value; 
    var characterCount = 10; 
    if (val.length > characterCount) 
    { 
    //Now the character count is greater than 10 
    document.getElementById("text1").style.backgroundColor = "#f00"; 
    } 
}; 

Answer 3

そして、入力がフォーカスを失ったときに今、値を評価1つの答えを回答のリストを完了するために。

function inputChange(value) { 
 
\t window.txt.style.color = value > 3 ? 'red' : 'blue'; 
 
}

<input id="txt" onchange="inputChange(this.value)" />