当它验证密码时，我如何更改 <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>

    .valid {

        bakground-color: green;

    }

    .invalid {

        background-color: red;

    }

</style>

<form method="post">

    <input class="<?php echo $class; ?>" type="password" name="pass" id="pass">

    <input class="<?php echo $class; ?>" type="password" name="pass_again" id="pass_again">

    <button type="submit">Login</button>

</form>

请注意，我没有验证此代码没有错误，但您应该明白这一点。