Question

我有一个表单提交，如果发生错误，那么我希望文本元素的边框为红色。

if(isset($_POST["forgotsubmit"])){
if(!empty($_POST["forgotemail"])){      
    else{
        echo "<script>document.getElementById('forgotemaill').style.border= 'border: 2px solid red';</script>";
    }
}
}

此后在控制台显示

forgot-password:61 Uncaught TypeError: Cannot read property 'style' of null
at forgot-password:61
(anonymous) @ forgot-password:61

Answer 1

当前错误表示找不到元素。如果你仔细观察，你会注意到JS中有一个拼写错误

document.getElementById（'forgotemaill'）＆lt; - 这应该是forgotemail吗？

Answer 2

只看你的javascript语法。尝试删除“border：”

echo "<script>document.getElementById('forgotemaill').style.border= '2px solid red';</script>";

您可以尝试使用：

echo "<script>document.getElementById('forgotemaill').setAttribute('style', 'border: 2px solid red');</script>";

这应该有用，因为它会强制样式存在于对象上。

您的原创假设“风格”存在，您可以更改它的价值。

表单提交php后的Chage DOM属性

2 个答案: