如何检测是否键入了两个输入元素，如文本字段。（php/javascript）

如果表单中的两个输入元素（例如文本字段，比如用户名和密码）获得长度大于0的文本输入，您将如何创建一个事件，在用户在两个字段中键入时更改提交按钮的颜色？

document.getElementById（'submit'）。onclick=function（）{
document.getElementById('submit').onclick = function() {
    var inputs = document.getElementsByTagName('input'),
        empty = 0;

    for (var i = 0, len = inputs.length - 1; i < len; i++) {
        empty += !inputs[i].value;
    }
    if (empty == 0) {
        //write code for changing the button color
    }
};

var inputs=document.getElementsByTagName（'input'），
空=0；
对于（变量i=0，len=inputs.length-1；i

我喜欢上面的答案，如果您喜欢外观更好的，这里有一个jquery答案

$(document).ready(function() {
    $("#username").change(checkFunction());
    $("#password").change(checkFunction());
}
function checkFunction() {
    var user = $("#username").val();
    var pass = $("#password").val();
    if (user && pass) {
        $("#buttonid").css("background-color:#HEXCODE");
    }
}

---

创建一个javascript函数，检查两个输入的值是否都大于零，如果都大于零，则在调用时更改submit按钮的颜色

在输入标记中使用属性，并在属性中放置javascript函数的名称

也可以通过执行以下操作来设置属性

Object.onChange = functionToCall();

---

只要输入值发生更改，onChange就会触发它设置为的函数。

如果项目中有Jquery，可以尝试以下操作：

假设您的输入具有ID：

<input id="username" name="username"/>
<input id="password" name="password"/>
<input type="submit" value="Submit" id="submit" />

---

这是小提琴：

<input type=text id=username />
<input type=password id=password />
<input type=submit id=submit />

#submit{ background-color: red; }

$('input[id="username"], input[id="password"]').change(function(){
  if ($(this).val()!="")
  { 
      $("input[id='submit']").css("background-color","green");
  }else{ 
      $("input[id='submit']").css("background-color","red");
  }
});

HTML:

<input type=text id=username />
<input type=password id=password />
<input type=submit id=submit />

#submit{ background-color: red; }

$('input[id="username"], input[id="password"]').change(function(){
  if ($(this).val()!="")
  { 
      $("input[id='submit']").css("background-color","green");
  }else{ 
      $("input[id='submit']").css("background-color","red");
  }
});

JS:

<input type=text id=username />
<input type=password id=password />
<input type=submit id=submit />

#submit{ background-color: red; }

$('input[id="username"], input[id="password"]').change(function(){
  if ($(this).val()!="")
  { 
      $("input[id='submit']").css("background-color","green");
  }else{ 
      $("input[id='submit']").css("background-color","red");
  }
});

---

您可以使用以下逻辑

<input type = "text" name = "username" class = "text">
   <input type = "password" name = "password" class = "text">
   <input type = "button" class = "button">
   <script>
     $(".text").live("keyup", function(){

       var filled = true; 

       $(".text").each(function(i, v){
          if($(this).val() == ''){
             filled = false
          }
       });

       if(filled){
        $(".button").css("background-color:#black");
       }
     });
   </script>

$（“.text”）.live（“键控”，函数（）{
var=true；
$（“.text”）。每个（函数（i，v）{
if（$（this.val（）=''）{
填充=假
}
});
如有（已填写）{
$（“.button”）.css（“背景色：#黑色”）；
}
});

请详细解释您到底想做什么？如果您有一个表单和两个输入字段，一个用于用户名，一个用于密码，还有一个按钮。当用户在输入用户名后开始输入密码时，您将如何更改提交按钮的颜色？