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

}

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：

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

所以我正在尝试验证密码是否是马赫以及他们是否提供密码和返回字段输入字段id =有效如果不是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');

在条件设置div是真或假javascript

1 个答案: