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

如果表单中的两个输入元素（例如文本字段）可以说用户名和密码，获得长度大于0的文本输入，你将如何创建一个事件来改变提交按钮的颜色，当用户在这两个字段中输入时？如何检测是否输入了两个输入元素，如文本字段。（php/javascript）

2013-02-26 Joe Hammer

请解释什么更多你到底想干什么？ – AlphaMale 2013-02-26 05:00:30

如果您有一个表单和两个输入字段，一个用于用户名和一个用于密码，另一个用于输入按钮。在用户输入用户名后，如何在用户开始输入密码时更改提交按钮的颜色？ – 2013-02-26 05:03:06

检查我的回答:) – AlphaMale 2013-02-26 05:16:35

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

来源

2013-02-26 05:10:37 sasi

我喜欢上面的答案，这里是一个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"); 
    } 
}

来源

2013-02-26 05:10:44

制作一个javascript函数，用于检查两个输入的值是否大于零，如果他们这样做，则在调用时会更改提交按钮的颜色。

在输入标签中使用onChange属性，并将javascript函数的名称放在属性中。

您还可以通过执行

Object.onChange = functionToCall();

的onChange触发它的设置，只要输入值发生变化的功能设置的属性。

来源

2013-02-26 05:11:15 LordAthe

如果您在项目中拥有jQuery的，你可以尝试这样的事：

假设你的投入有ID：

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

您可以绑定到keyup事件中任一输入元素来改变上按钮的颜色：

$('#username, #password').keyup(function(){ 
    if ($.trim($('#username').val()) != '' && $.trim($('#password').val()) != '') { 
     $('#submit').css('background-color', 'red'); 
    } 
});

来源

2013-02-26 05:12:52 Divey

这里是正在运行的小提琴：

http://jsfiddle.net/NS5z6/

HTML：

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

CSS：

#submit{ background-color: red; }

JS：

$('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"); 
    } 
});

来源

2013-02-26 05:15:15 AlphaMale

您可以使用下面的逻辑

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

来源

2013-02-26 05:17:14

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

回答

相关问题