单击 WordPress 管理页面表单中的提交按钮时，JavaScript 代码不运行

Question

我在 Wordpress 安装的管理页面中创建了一个 HTML 表单。当我按下提交按钮时，我希望使用 JavaScript 函数验证插入的数据，以便在数据未正确插入时显示警报。我已经尝试了所有遇到的事情，但我没能让它发挥作用。它应该是一些小东西，但我现在看不到它。

我做的唯一一件事就是回显使用PHP显示的HTML表单并包含一些JavaScript 要运行的函数。下面的代码有什么问题？ {$this->form} 部分只是一个包含 HTML 表单的字符串变量。这按预期工作。

public function __toString()
{
    return "
        <script>
        function validateForm()
        {
            alert(\"FOOOOO\");
            return false;
        }
        </script>
        <h1>Heading</h1><br>
        <form method=\"post\" onsubmit=\"return validateForm()\">
            {$this->form}<br>
            <input type=\"submit\" name=\"submit\" value=\"Submit me!\" /><br>             
        </form>
    ";
}

Answer 1

在本例中，错误的原因是命名 JavaScript 函数 validateForm()，因为这是 Wordpress 核心中的内部函数。将其更改为 validate_form() 或任何可以解决问题的方法。