Javascript 在条件为true或false时设置div

大家好，我正在尝试用java css和html编写一个密码验证脚本，但它不起作用，我不知道为什么我尝试了各种方法，但没有一种对我有效：

javascript:

$(document).ready(function() {
  $(this).attr("name")=="repassword".keyup(validate);
});


function validate() {
  var password1 = $(this).attr("name")=="password".val();
  var password2 = $(this).attr("name")=="repassword".val();



    if(password1 == password2) {
       $(this).attr("name")=="password".g.setAttribute("id", "valid");
       $(this).attr("name")=="repassword".g.setAttribute("id", "valid");
    }
    else {
        $(this).attr("name")=="repassword".g.setAttribute("id", "invalid");
    }

}

css:

#valid {
    border: 1px solid rgba(0,255,0,1);
   background: #ffffff;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,255,0,1);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,255,0,1);
box-shadow: 0px 0px 5px 0.5px rgba(0,255,0,1);

}

#invalid {
    border: 1px solid rgba(255,0,0,1);
   background: #ffffff;
-webkit-box-shadow: 0px 0px 5px 1px rgba(255,0,0,1);
-moz-box-shadow: 0px 0px 5px 1px rgba(255,0,0,1);
box-shadow: 0px 0px 5px 0.5px rgba(255,0,0,1);

}

html:

密码：



重新设置密码：

---

所以我只是想验证密码是否正确，如果他们给出密码和repassword输入字段id=valid如果没有repassword无效我根本没有得到任何结果，所以可能在某个地方出错了，因为我刚刚开始用javascript编码，如果你能给你的html标签一个id属性，那么我强烈建议你这样做。如果操作正确，您将拥有访问每个元素的唯一方法。在大多数情况下，id元素应该是静态的，而不应该是您正在更改的元素。不过，为了回答你的问题，我会给你一个快速的解决方案

$("input[name*='password']").attr('id', 'valid');

我建议以后做类似的事情

<input id="password" valid="false"/>
<input id="repassword" valid="true"/>
$("#password").attr('valid', 'false');

$（“#密码”）.attr（'valid'，'false'）；

您重复使用此构造：

$（this）.attr（“name”）==“something”.val（）

-您在这里试图做什么？您的意思是

$（此）.find（“[name=something]”）.val（）

？$（此）.attr（“name”）==“repassword”.keyup（验证）；只要告诉checkinput，其中name==要重新设置密码，您应该使用属性选择器。检查：打开控制台（在Windows上按F12或在Mac上按Opt+Cmd+I）。你会看到一些错误使用这种奇怪的构造。我的功能是检查密码马赫数，但当它必须为输入设置id以匹配您的评论时，它不起作用。。。如果问题特别涉及更改属性，则可能需要更新问题。

<input id="password" valid="false"/>
<input id="repassword" valid="true"/>
$("#password").attr('valid', 'false');