javascript - 将 div 设置为 true 或 false javascript

Question

大家好，我正在尝试用 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");
    }

}

样式:

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

            password:<br>
            <input type="password" name="password"><br>
            Re-Password:<br>
            <input type="password" name="repassword"><br>

所以我只是想验证密码是否 mach 以及他们是否给出密码和重新密码输入字段 id=valid 如果不是 repassword 无效我根本没有结果所以某个地方可能犯了一个错误，因为我刚开始编码javascript

Answer 1

如果你有能力给你的 html 标签一个 id 属性，那么我强烈建议你这样做。如果操作正确，您将有一种独特的方式来访问每个元素。在大多数情况下，id 元素应该是静态的，而不应该是您要更改的元素。但是，“只是”回答你的问题我会给你一个快速的解决方案。

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

不过我建议以后做这样的事情......

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