根据其值的长度更改输入css

Question

如何在JS中创建依赖于html输入字段中字符数的if语句？例如，如果输入字段中的值大于0，则该字段的css属性将更改。

Answer 1

这样的东西？

AGPushNote

和js代码<input type="text" id="text1"> 条件为

if

Answer 2

取决于您是希望在页面加载时进行还是在输入字段中发生更改时进行检查。在页面加载检查@gurvinder372 answer，您可以在输入字段中检查onkeyup：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 3

要完成答案列表，现在有一个答案可以在输入失去焦点时评估值。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;