HTML表单提交不调用Javascript“;onsubmit“;Wordpress post中的处理程序

HTML表单提交不调用Javascript“;onsubmit“;Wordpress post中的处理程序,javascript,html,wordpress,forms,Javascript,Html,Wordpress,Forms,我有一个基本的HTML表单,末尾有一个提交按钮。问题是,我在表单头中作为“onsubmit”处理程序提供的Javascript函数没有被调用 <form name="Details" method="post" onsubmit="validateForm()" id="Details_Form_ID"> 此处理程序函数在同一文件中定义如下: <script type="text/javascript"> function validateForm() {

我有一个基本的HTML表单,末尾有一个提交按钮。问题是,我在表单头中作为“onsubmit”处理程序提供的Javascript函数没有被调用

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

此处理程序函数在同一文件中定义如下:

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

函数validateForm(){
警报(“我是警报箱!”);
}
当我查看Chrome工具中的代码时,我注意到上面的Javascript代码本身被包装在
元素下,而不是显示为下面的“脚本”…屏幕截图。我怀疑Javascript被视为纯文本,因此无法执行


我如何克服这个问题?我正在使用wordpress并编辑了一篇包含此代码的“帖子”。

可能是它正在调用此代码,但页面刷新尝试阻止解除警报操作,然后检查是否调用了警报

    onsubmit="validateForm(); return false;"

在我的例子中,问题是表单提交后没有调用Ajax表单处理程序。相反,它将直接分支到表单中给定的“action”参数。基本问题是由于wordpress中所见即所得和HTML编辑器的反复切换,ajax表单提交处理程序被自动插入注释掉了![CDATA[


解决方案是在编辑wordpress帖子时禁用WYSIWYG,并在脚本之前删除![CDATA[关键字。

谢谢你的评论。我尝试过,但没有默认()也没有帮助。我觉得问题出在其他地方。它甚至无法识别脚本本身,因此无法执行。在我的情况下,问题是表单提交后没有调用Ajax表单处理程序。相反,它将直接分支到表单中给定的“action”参数。基本问题是由于重复切换WYSIWYG和HTM在wordpress中,ajax表单提交处理程序被自动注释掉,方法是插入![CDATA[。解决方案是在编辑wordpress帖子时禁用WYSIWYG,并在脚本之前删除![CDATA[关键字。。。