JSのhtml入力フィールドの文字数に依存するif文を作成するにはどうすればよいですか?たとえば、入力フィールドに0より大きい値がある場合、そのフィールドのCSS属性が変更されます。入力CSSを値の長さの関数で変更する
-1
A
答えて
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)" />
関連する問題
- 1. matlabの2入力関数を可変長入力関数に変える巧妙な方法
- 2. javascriptループで複数の入力値を変更する方法
- 3. プロトタイプ関数で変更された数値変数の更新
- 4. SHA256関数が入力変数を変更しました
- 5. JavaScript関連の入力ボタンテキストの変更
- 6. マクロ変数の値が別の変数の長さですか?
- 7. 入力テキストの変更onclickボタンの値
- 8. 入力エレメントの値変更のモニタリング
- 9. 入力値の変更anglejs/html
- 10. フォームの入力値をJqueryで変更する
- 11. 関数内のグローバル変数の値を変更する方法
- 12. 別の入力が入力されたときに入力値を変更しますか?
- 13. Javaの文字列変数の入力を変更する
- 14. 入力IDを値で動的に変更する - 入力タイプ=範囲
- 15. がクリックされたときの入力値の変更
- 16. 入力の値を入力しても、入力の.val()は変更されませんか?
- 17. matlab関数の可変量入力
- 18. ユーザー変更とjs変更入力値の検出
- 19. 入力の変更
- 20. 変数と複数の値を持つjQueryの.css()関数
- 21. 入力値がjQueryで何か変更された場合
- 22. 別の入力の値に基づいて入力値を変更してください。
- 23. TinyMCEの入力高さをテキストエリアの高さに変更する
- 24. jQueryでテキストを入力値と入力値に変更するにはどうすればよいですか?
- 25. 値で入力をフィルタリングする関数/セレクタ
- 26. GET PHP関数の出力数を変更する
- 27. 入力が変数arityの関数である汎用スカラ関数
- 28. 日数で長さを制限するカレンダーライブラリを変更する
- 29. タイムラインの変更CSSを表示ポートに入力
- 30. 入力の値属性が変更されないのはなぜですか?
あなたが何かをしようとしたことがありますか? –