如何在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
相关产品推荐
相关产品推荐

