2016-04-16 15 views
-1

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

+0

あなたが何かをしようとしたことがありますか? –

答えて

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">

1

これは何か?

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"; 
    } 
}; 
0

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

function inputChange(value) { 
 
\t window.txt.style.color = value > 3 ? 'red' : 'blue'; 
 
}
<input id="txt" onchange="inputChange(this.value)" />

関連する問題