Php 值更改时文本框上的新背景色？

我有以下代码：

var max1box = document.getElementById('length'),
    max2box = document.getElementById('width'),
    max1 = 100,
    min1 = 20,
    max2 = 400,
    min2 = 10;

 max1box.addEventListener('change',validateValues,false);
 max2box.addEventListener('change',validateValues,false);


function validateValues() {

    if (this == max1box &&
        +this.value > max1 &&
        +this.value > max2box.value)
    {
       max1box = max2box;
       max2box = this;  

    }

    if (max1box.value > max1) {
        max1box.value = max1;
    }
    if (max1box.value < min1) {
        max1box.value = min1;
    }        

    if (max2box.value > max2) {
        max2box.value = max2;
    }
    if (max2box.value < min2) {
        max2box.value = min2;
    }
   }

var max1box=document.getElementById（'length'），
max2box=document.getElementById（'width'），
max1=100，
min1=20，
max2=400，
min2=10；
max1box.addEventListener（'change'，validateValue，false）；
max2box.addEventListener（'change'，validateValue，false）；
函数validateValues（）{
如果（this==max1box&&
+该值大于max1&&
+this.value>max2box.value）
{
max1box=max2box；
max2box=这个；
}
如果（max1box.value>max1）{
max1box.value=max1；
}
if（max1box.valuemax2）{
max2box.value=max2；
}
if（max2box.value

代码中有一个函数，当在另一个框中输入更高的值时，该函数会降低一个框的值。 我希望用户能够以一种好的方式得到这种减少的警告，否则他们可能不会注意到

---

因此，有没有可能让值减少的框在减少时获得不同的背景颜色？然后在框突出显示时返回正常状态？

您可以使用以下方法更改背景颜色：

element.style.backgroundColor=“#ff0000”

其中，
element
是一个包含DOM元素的变量（因此在您的示例中，
max1box
或
max2box
）

因此，您只需将其添加到函数中，以更改相应输入的颜色，然后使用具有不同颜色的类似行再次更改它。
我编辑了您的小提琴（好的，它不是红色）-当某个设置为“最小”时，它会更改其背景颜色

max2box.style.backgroundColor = 'yellow';

var max1box = document.getElementById('length'),
    max2box = document.getElementById('width'),
    max1 = 100,
    min1 = 20,
    max2 = 400,
    min2 = 10;

 max1box.addEventListener('change',validateValues,false);
 max2box.addEventListener('change',validateValues,false);


function validateValues() {

    if (this == max1box &&
        +this.value > max1 &&
        +this.value > max2box.value)
    {
       max1box = max2box;
       max2box = this;  

    }

    if (max1box.value > max1) {
        max1box.value = max1;

    }
    if (max1box.value < min1) {
        max1box.value = min1;
        max1box.style.backgroundColor= '#E5E5E5';
    }        

    if (max2box.value > max2) {
        max2box.value = max2;
    }
    if (max2box.value < min2) {
        max2box.value = min2;
        max2box.style.backgroundColor= '#E5E5E5';
    }
   }

var max1box=document.getElementById（'length'），
max2box=document.getElementById（'width'），
max1=100，
min1=20，
max2=400，
min2=10；
max1box.addEventListener（'change'，validateValue，false）；
max2box.addEventListener（'change'，validateValue，false）；
函数validateValues（）{
如果（this==max1box&&
+该值大于max1&&
+this.value>max2box.value）
{
max1box=max2box；
max2box=这个；
}
如果（max1box.value>max1）{
max1box.value=max1；
}
if（max1box.valuemax2）{
max2box.value=max2；
}
if（max2box.value
使用“样式”属性添加彩色边框怎么样

function validateValues() {

    if (this == max1box &&
        +this.value > max1 &&
        +this.value > max2box.value)
    {
       max1box = max2box;
       max2box = this;  

    }

    if (max1box.value > max1) {
        max1box.value = max1;
        max1box.style.border = '2px solid red';

    }else if (max1box.value < min1) {
        max1box.value = min1;
        max1box.style.border = '2px solid blue';
    }   
    else max1box.style.border = 'auto';    

    if (max2box.value > max2) {
        max2box.value = max2;
        max2box.style.border = '2px solid green';

    }else if (max2box.value < min2) {
        max2box.value = min2;
        max2box.style.border = '2px solid yellow';

    }else max2box.style.border = 'auto';

   }

函数validateValues（）{
如果（this==max1box&&
+该值大于max1&&
+this.value>max2box.value）
{
max1box=max2box；
max2box=这个；
}
如果（max1box.value>max1）{
max1box.value=max1；
max1box.style.border='2px纯红'；
}else if（max1box.valuemax2）{
max2box.value=max2；
max2box.style.border='2px纯绿色'；
}else if（max2box.value
是的，它会很好地监视您的JSFIDLE在ChromeIs中似乎对我不起作用。当值为中性时，是否可以使边框变为中性？假设边框变为绿色，因为它达到最大值-然后我将其更改为“300”-然后我希望颜色消失。它已经存在了-是
max2box.style.border='auto'
将输入还原为其原始边框样式。
$("#max1box").change(function() {
    $('max1box').css("backgroundColor","#F9F");
});