Javascript 输入字段更改时显示/隐藏绿色勾号
我不会把整个代码都放进去,因为我认为这无关紧要,因为问题与js有关。我有一个表单和输入字段(2个密码字段)。使用css,我在这些字段旁边打了一个“绿色记号”。当两个字段相等时,我希望这些绿色记号出现,当我从其中一个字段中删除一个“字符”——当它们不相等时,这些记号重新出现 pswd1/pswd2-我的输入传递字段 我希望绿色记号显示它们何时相等,以及第二个字段(确认字段)的长度何时大于6Javascript 输入字段更改时显示/隐藏绿色勾号,javascript,Javascript,我不会把整个代码都放进去,因为我认为这无关紧要,因为问题与js有关。我有一个表单和输入字段(2个密码字段)。使用css,我在这些字段旁边打了一个“绿色记号”。当两个字段相等时,我希望这些绿色记号出现,当我从其中一个字段中删除一个“字符”——当它们不相等时,这些记号重新出现 pswd1/pswd2-我的输入传递字段 我希望绿色记号显示它们何时相等,以及第二个字段(确认字段)的长度何时大于6 $('#pswd1').on('change', function(){ pass = $('#psw
$('#pswd1').on('change', function(){
pass = $('#pswd1').val();
pass1 = $("#pswd2").val();
if(pass = pass1 && pass1.length > 6){
$("#gtick1").show();``
$("#gtick2").show();
}
});
应该是
pass === pass1
你那里也有一些野味。在顶部插入一个
console.log('hi')
,以确保代码实际正在运行,并且您应该是gucci。您可以使用此代码。虽然这不完全是你想要的,但它会满足你的目的
$('pswd1,'pswd2')。在('keyup',function()上{
pass1=$('#pswd1').val();
pass2=$(“#pswd2”).val();
if(pass1==pass2){
$(“#passDiv1”).css(“背景色”、“绿色”);
$(“#passDiv2”).css(“背景色”、“绿色”);
}否则{
$(“#passDiv1”).css(“背景色”、“黄色”);
$(“#passDiv2”).css(“背景色”、“黄色”);
}
});代码>
通过使用=
,您将一个变量的值分配给条件内的另一个变量,要进行比较,您应该使用=
或=
。此外,我更喜欢input
事件,而不是change
请尝试以下方法:
$('pswd1,'pswd2')。在('input',function()上{
var pass=$('#pswd1').val();
var pass1=$(“#pswd2”).val();
if(pass==pass1&&pass1.length>6){
$(“#gtick1,#gtick2”).show();
}
否则{
$(“#gtick1,#gtick2”).hide();
}
});代码>
span{
颜色:绿色;
显示:无;
}
✔
✔代码>非常感谢,我看到了我的错误所在-$(“#pswd1,#pswd2”)。我并不是针对这两个领域,这就是为什么我没有看到任何回应。
pass === pass1