You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Jobs for WordPress插件提交表单后添加申请人姓名至提示消息

个性化Jobs for WordPress插件提交提示消息的问题

我用Jobs for WordPress插件搭建了WordPress招聘页面,插件支持编辑申请人提交表单后弹出的即时提示消息,但没法把申请人姓名加入消息实现个性化效果。我试过在确认邮件里有效的{job_applicant_name}变量,但在提示消息里完全不起作用。

申请人姓名输入框代码:

<input id="input-name_name" type="text" name="job_applicant_name" data-jobinput="name_name" class="modal-input-text input-name_name input-reqired" value="" placeholder="">

尝试过的无效方法

方法1:基础HTML+JS组合

这段代码仅显示“Hello:”,无法获取到用户输入的姓名:

<body>
    <label for="job_applicant_name">Hello:</label>
    <span id="applicantName"></span>

    <script>
        var applicantName = document.getElementsByName('job_applicant_name')[0].value;
        document.getElementById('applicantName').innerText = applicantName;
    </script>
</body>

方法2:绑定提交按钮的JS代码

提交后提示消息直接显示HTML标签,未正常渲染内容,且同样无法获取姓名:

function personalizeConfirmation() {
    var name = document.getElementsByName('job_applicant_name')[0].value;
    var confirmationMessage = document.getElementById('job-apply-confirmation');

    confirmationMessage.innerHTML = '<p>Hallo ' + name + ',</p>' +
                                     '<p>vielen Dank für Ihre Bewerbung.<br>' +
                                     'Ihre Bewerbung ist uns wichtig und wird von uns in Kürze geprüft werden. ' +
                                     'Wir werden Sie über den Stand Ihrer Bewerbung auf dem Laufenden halten und in Kürze kontaktieren!<br>' +
                                     'Für Rückfragen können Sie sich zwischenzeitlich gerne an uns wenden.</p>';
}

var submitButtons = document.querySelectorAll('button job-submit');
for (var i = 0; i < submitButtons.length; i++) {
    submitButtons[i].addEventListener('click', personalizeConfirmation);
}

相关元素代码:

<button class="button job-submit" type="submit">Bewerbung absenden</button>

<!-- 提示消息容器 -->
<div id="job-apply-confirmation"></div>

<!-- 姓名输入框 -->
<input id="input-name_name" type="text" name="job_applicant_name" data-jobinput="name_name" class="modal-input-text input-name_name input-reqired" value="" placeholder="">

疑问

是否必须修改插件的PHP文件才能实现这个个性化提示消息的功能?

内容的提问来源于stack exchange,提问作者techit9999

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.22 20:24:52