嘗試在 PHP 代碼中調用 js 函數

Question

我正在運行一個 PHP 代碼來驗證登錄表單，如果輸入為空，它應該運行一個 javscript 函數，該函數將某些 DIV 的顯示屬性更改為阻止。 如果我把我的 JS 代碼放在 head 標簽之間，它會說

未捕獲的類型錯誤：無法讀取 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 代碼並嘗試此操作