Joomla 3.8.6搭配Allrounder 3模板前端保存文章失效问题求助

你遇到的这个Cannot read property 'isValid' of null错误，本质是模板破坏了Joomla原生的表单验证逻辑，导致点击保存时无法完成验证流程进而卡住。我给你几个针对性的解决方案：

1. 先锁定问题根源：模板冲突测试 #

先切换到Joomla自带的默认模板（比如Protostar），再尝试前端编辑文章并保存。如果这时候保存功能正常，那100%是你用的The ALLROUNDER 3 - Joomla Template 1.1模板存在兼容性问题。

2. 修复模板的JavaScript代码 #

这个模板大概率重写了Joomla的Joomla.submitbutton函数，但没考虑前端编辑场景下的表单结构和验证器加载情况。你可以按以下步骤修改：

• 找到模板目录下的JavaScript文件（通常在templates/allrounder3/js/里，可能是form.js或custom.js这类文件），定位到Joomla.submitbutton的定义代码。
• 把原有代码替换成适配前端编辑的版本：

Joomla.submitbutton = function(task) {
    // 前端编辑文章的表单ID通常是article-form，而非后台的adminForm
    var form = document.getElementById('article-form');
    
    // 取消按钮直接执行，不需要验证
    if (task === 'article.cancel') {
        Joomla.submitform(task, form);
        return;
    }
    
    // 先检查验证器是否存在，再执行验证
    if (typeof document.formvalidator !== 'undefined' && document.formvalidator.isValid(form)) {
        Joomla.submitform(task, form);
    } else {
        // 弹出默认的验证失败提示
        alert(Joomla.JText._('JGLOBAL_VALIDATION_FORM_FAILED'));
    }
}

• 保存文件后，清空Joomla的缓存，再测试保存功能。

3. 确保模板加载了表单验证库 #

如果修改JS后还是不行，检查模板的index.php文件，确保在编辑页面加载了Joomla的表单验证行为。在模板的<head>部分添加以下代码（如果没有的话）：

<?php
// 仅在编辑页面加载验证库
$input = JFactory::getApplication()->input;
if ($input->get('view') === 'form' && $input->get('layout') === 'edit') {
    JHtml::_('behavior.formvalidator');
}
?>

4. 排查第三方插件干扰 #

如果以上步骤都没解决，暂时禁用所有非Joomla核心的插件（比如编辑器插件、内容增强插件等），然后逐个启用测试，找到可能干扰表单验证的插件。

另外提一句，Joomla 3.8.6和这个1.1版本的模板都比较老旧了，如果有条件的话，尽量升级模板到兼容该Joomla版本的最新版，能从根源避免这类兼容性问题。

内容的提问来源于stack exchange，提问作者user8270129