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>

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

验证密码后，如何更改<input />的CSS属性？

1 个答案: