Question

我运行PHP代码来验证登录表单，如果输入为空，则应运行javscript函数，将某些DIV的显示属性更改为阻止。如果我把我的JS代码放在head标签之间，那就说

未捕获的TypeError：无法读取属性＆＃39; style＆＃39;为null

，如果我把我的代码放在/ body标签之前，那么

未捕获的ReferenceError：未定义formValidation

Javascript代码：

function formValidation() {
     document.getElementById("errMessage").style.display = "block",
    document.getElementById("arrow-errMessage").style.display = "block",
    document.getElementById("errEmail").style.display = "block",
    document.getElementById("arrow-errEmail").style.display = "block"; 
}

PHP代码：

else {
          echo "<script> formValidation(); </script>";
    }

Answer 1

当您执行formValidation()时，DOM元素尚未就绪您需要捕获页面加载事件，然后执行样式更改。

document.addEventListener("load", formValidation);

Answer 2

尝试使用

window.onload=formValidation;

当网页完全加载所有内容时执行。

Answer 3

您可以使用JQuery来检查文档就绪事件。

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.3.min.js"></script>

在您的文档中使用此HTML代码

else{
echo '<script type="text/javascript">
    $( document ).ready(function() {
       formValidation();
    });
</script>';
}

编辑你的PHP代码并尝试这个

试图在PHP代码中调用js函数

3 个答案: