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

时间:2015-09-14 21:53:40

标签: javascript php html wordpress

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

我唯一要做的就是echo使用HTML显示PHP表单并包含一些要运行的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>
    ";
}

1 个答案:

答案 0 :(得分:0)

在这种情况下,错误结果是命名JavaScript函数validateForm(),因为这是Wordpress核心中的内部函数。将其更改为validate_form()或其他任何问题都可以解决问题。