当它验证密码时，我如何更改 <input> 的 CSS 属性？

Question

我正在创建注册表单，并希望在单击提交按钮之前<input>在密码不匹配（更改背景颜色）时更改其CSS 属性。

if ($_POST["pass"] != $_POST["pass_again"]){

    $message = "Passwords don't match";

    echo ('

        <script type="text/javascript"> 

            document.getElementById("pass_again").background-color = "red";

        </script>

    ');

}

Answer 1

如果您想验证的服务器端，他们提交表单，并希望改变它的外表之后，你可以设置class的的input，你把它们写出来，而不是试图用JavaScript来做到这一点之后元素。像这样的东西..<?php$class = ($_POST['pass'] == $_POST['pass_again']) ? 'valid' : 'invalid';?><style>&nbsp; &nbsp; .valid {&nbsp; &nbsp; &nbsp; &nbsp; bakground-color: green;&nbsp; &nbsp; }&nbsp; &nbsp; .invalid {&nbsp; &nbsp; &nbsp; &nbsp; background-color: red;&nbsp; &nbsp; }</style><form method="post">&nbsp; &nbsp; <input class="<?php echo $class; ?>" type="password" name="pass" id="pass">&nbsp; &nbsp; <input class="<?php echo $class; ?>" type="password" name="pass_again" id="pass_again">&nbsp; &nbsp; <button type="submit">Login</button></form>请注意，我没有验证此代码没有错误，但您应该明白这一点。