HTML表单提交不在Wordpress帖子中调用Javascript“onsubmit”处理程序

Question

我有一个基本的HTML表单，最后有一个提交按钮。问题是，我提供的Javascript函数是＆＃34; onsubmit＆＃34;表单标头中的处理程序未被调用。

<form name="Details" method="post" onsubmit="validateForm()" id="Details_Form_ID">

此处理函数在同一文件中定义如下：

<script type="text/javascript">
function validateForm() {
    alert('I am an alert box!');
}
</script>

当我查看Chrome工具中的代码时，我注意到上面的Javascript代码本身包含在<p>元素下，并且未显示为＆＃34;脚本＆＃34; ...截图如下。我怀疑Javascript被视为纯文本，因此没有执行。

我如何克服这个问题？我正在使用wordpress并编辑了一个＆＃34;帖子＆＃34;包含此代码。

Answer 1

可能是它正在调用它但是页面被刷新尝试阻止默认操作然后检查警报是否被调用？

    onsubmit="validateForm(); return false;"

Answer 2

在我的情况下，问题是表单提交后没有调用Ajax表单处理程序。相反，它将直接分支到“行动”。表格中给出的参数。基本问题是由于在wordpress中重复切换所见即所得和HTML编辑器，不知何故，ajax表单提交处理程序通过插入自动注释掉！[CDATA [。

解决方案是在编辑wordpress帖子时禁用WYSIWYG并删除！[CDATA [脚本前的关键字..