WordPress中无法通过JavaScript动态提交表单问题求助

核心错误原因 #

你的表单代码存在两处语法问题：

1. 表单name属性的引号未闭合，导致浏览器解析的表单名称不完整，document.updateRow_{ID}无法定位到对应表单元素，触发Cannot read properties of undefined错误。
2. 按钮的onclick代码存在字符串拼接混乱的问题，额外多了一个闭合括号，导致JS语法错误。

修正后的代码 #

表单部分（修复引号+添加安全规范） #

$html .= "<form id='updateRow_". $post->ID ."' name='updateRow_". $post->ID ."' method='post' action='includes/yearsmind-update.php'>";
$html .= "<input type='hidden' name='ID' value='". esc_attr($post->ID) ."'>";
$html .= "<input type='hidden' name='firstName' value='". esc_attr($post->firstName) ."'>";
$html .= "<input type='hidden' name='middleName' value='". esc_attr($post->middleName) ."'>";
$html .= "<input type='hidden' name='lastName' value='". esc_attr($post->lastName) ."'>";
$html .= "<input type='hidden' name='fullDate' value='". esc_attr($post->fullDate) ."'>";
// 添加WordPress安全nonce字段，防止CSRF攻击
$html .= wp_nonce_field('yearsmind_update_action', 'yearsmind_nonce', true, false);
$html .= "</form>";

• 补上name属性的闭合单引号
• 用esc_attr()转义输出值，避免XSS风险
• 添加WP标准的nonce字段，符合插件开发安全规范

按钮部分（改用ID定位表单） #

<button type='button' onclick='document.getElementById("updateRow_<?php echo $post->ID; ?>").submit()'>Update</button>

通过表单ID获取元素比直接调用document.updateRow_xxx更可靠，避免全局变量冲突问题。

额外优化建议 #

1. 避免内联onclick事件，改用事件监听（更符合现代JS规范）：

// 按钮代码
<button type='button' class='yearsmind-update-btn' data-form-id='updateRow_<?php echo $post->ID; ?>'>Update</button>

// 页面底部添加JS
<script>
document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('.yearsmind-update-btn').forEach(btn => {
        btn.addEventListener('click', function() {
            const form = document.getElementById(this.dataset.formId);
            form?.submit();
        });
    });
});
</script>

2. 提交处理文件yearsmind-update.php添加安全验证：

<?php
// 验证nonce合法性
if (!isset($_POST['yearsmind_nonce']) || !wp_verify_nonce($_POST['yearsmind_nonce'], 'yearsmind_update_action')) {
    wp_die('无效请求');
}

// 验证用户权限
if (!current_user_can('manage_options')) {
    wp_die('你没有执行此操作的权限');
}

// 后续执行UPDATE逻辑
?>

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