0 レビュー
6 回答
テキストフィールドなどの2つの入力要素が入力されているかどうかを検出する方法。（php / javascript）
フォーム内の2つの入力要素（たとえば、ユーザー名とパスワード）、たとえばユーザー名とパスワード、長さが0より大きいテキスト入力を取得する場合、ユーザーが入力した瞬間に送信ボタンの色を変更するイベントをどのように作成しますか両方のフィールド？
わからない
0
レビュー
答え :
解決策：
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
}
};
わからない
0
レビュー
答え :
解決策：
上記の回答が気に入っています。見た目がよければ、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");
}
}
わからない
0
レビュー
答え :
解決策：
両方の入力の値がゼロより大きいかどうかをチェックし、ゼロより大きい場合は、呼び出されたときに送信ボタンの色を変更するjavascript関数を作成します。
入力タグでonChange属性を使用し、属性にjavascript関数の名前を配置します。
属性を設定することもできます
Object.onChange = functionToCall();
onChangeは、入力値が変更されるたびに設定されている関数を起動します。
わからない
0
レビュー
答え :
解決策：
プロジェクトに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');
}
});
わからない
0
レビュー
答え :
解決策：
これが実行中のフィドルです：
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");
}
});
わからない
0
レビュー
答え :
解決策：
次のロジックを使用できます
<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>
わからない
同様の質問
私たちのウェブサイトで同様の質問で答えを見つけてください。