{"id":3277,"date":"2025-06-11T20:26:37","date_gmt":"2025-06-11T12:26:37","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/3277.html"},"modified":"2025-06-11T20:26:37","modified_gmt":"2025-06-11T12:26:37","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8wordpress%e8%a1%a8%e5%8d%95%e4%b8%ad%e6%b7%bb%e5%8a%a0%e4%bf%9d%e5%ad%98%e5%b9%b6%e7%bb%a7%e7%bb%ad%e5%8a%9f%e8%83%bd","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/3277.html","title":{"rendered":"\u5982\u4f55\u5728WordPress\u8868\u5355\u4e2d\u6dfb\u52a0\u4fdd\u5b58\u5e76\u7ee7\u7eed\u529f\u80fd"},"content":{"rendered":"
\r\n
\r\n
\r\n
\r\n
\r\n
\"Bug编译狮\"<\/figure>\r\n\r\n\r\n\r\n

Bug编译狮<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n

\r\n
\r\n

要在WordPress的表单中添加保存并继续的功能，你需要确保用户可以点击一个按钮来提交表单数据，然后跳转到下一个页面或表单部分。这通常涉及使用PHP脚本来处理表单提交，并使用JavaScript（或jQuery）来实现表单提交后的导航。<\/p>\n

示例：使用WordPress的表单插件和自定义HTML<\/h3>\n

步骤 1: 添加表单字段<\/h4>\n

首先，在你的WordPress后台，找到“页面” > “页面编辑器”，然后添加一个新的表单。你可以通过选择“页面”选项卡下的“表单”来创建一个简单的表单。<\/p>\n

步骤 2: 使用HTML和CSS调整表单样式<\/h4>\n

为了使表单看起来更美观，你可以使用HTML和CSS来设计它。以下是一个基本的HTML表单结构：<\/p>\n

<form id=\"my-form\">\n    <label for=\"name\">姓名:<\/label>\n    <input type=\"text\" name=\"name\" id=\"name\">\n\n    <label for=\"email\">电子邮件:<\/label>\n    <input type=\"email\" name=\"email\" id=\"email\">\n\n    <button type=\"submit\">保存并继续<\/button>\n<\/form>\n\n<style>\n    form {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        padding: 20px;\n    }\n\n    label, input, button {\n        margin-bottom: 10px;\n    }\n<\/style><\/code><\/pre>\n
步骤 3: 创建PHP脚本处理表单提交<\/h4>\n
接下来，我们需要在服务器端编写一个PHP脚本来接收表单数据并执行任何必要的操作，例如更新数据库记录、重定向等。<\/p>\n
<?php\n\/\/ 检查是否已经提交了表单\nif ($_SERVER['REQUEST_METHOD'] == 'POST') {\n    \/\/ 获取表单数据\n    $name = $_POST['name'];\n    $email = $_POST['email'];\n\n    \/\/ 这里可以添加你的逻辑，比如更新数据库记录\n    echo \"感谢您填写表格！\";\n\n    \/\/ 根据需要，你可以在这里设置redirect URL\n    \/\/ header(\"Location: \/thank-you-page\");\n}\n?><\/code><\/pre>\n
步骤 4: 调用JavaScript实现表单提交后跳转<\/h4>\n
最后，为了让表单提交后自动跳转到下一个页面，我们可以使用JavaScript或者jQuery来监听表单的submit<\/code>事件，并在提交后执行特定的操作。<\/p>\n
使用JavaScript：<\/h5>\n
document.getElementById('my-form').addEventListener('submit', function(event) {\n    event.preventDefault(); \/\/ 阻止默认的表单提交行为\n    window.location.href = '\/next-page-url'; \/\/ 将用户重定向到下一个页面\n});<\/code><\/pre>\n
使用jQuery：<\/h5>\n
$(document).ready(function() {\n    $('#my-form').on('submit', function(e) {\n        e.preventDefault();\n        $.ajax({\n            url: '\/save-and-continue.php',\n            method: 'POST',\n            data: $(this).serialize(),\n            success: function(response) {\n                if (response === 'success') {\n                    window.location.href = '\/next-page-url';\n                } else {\n                    alert('发生错误');\n                }\n            },\n            error: function(error) {\n                console.log('Error:', error);\n            }\n        });\n    });\n});<\/code><\/pre>\n
效果说明<\/h3>\n
当用户完成表单输入并通过点击“保存并继续”的按钮时，他们的信息会被提交到服务器上的指定路径（在这个例子中是\/save-and-continue.php<\/code>），然后服务器会根据处理逻辑决定下一步行动，可能是显示感谢页面或重定向到另一个页面。<\/p>\n
这个过程不仅提供了用户友好的界面，还保证了安全性，防止未授权访问敏感数据。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
\r\n
\r\n
\r\n
\r\n
\r\n
\"黑板前的Bug语法讲师\"<\/figure>\r\n\r\n\r\n\r\n
黑板前的Bug语法讲师<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
\r\n
\r\n
要在WordPress表单中添加保存并继续功能，你需要使用JavaScript和PHP来实现这个功能。以下是如何实现这一功能的步骤：<\/p>\n
步骤 1: 创建一个HTML表单<\/h3>\n
首先，在WordPress主题的functions.php<\/code>文件中创建一个函数来处理提交数据。<\/p>\n
function wp_add_save_and_continue_button( $form ) {\n    \/\/ 假设表单ID为\"my_form\"\n    if ( isset( $_POST['submit'] ) && ! empty( $_POST['submit'] ) ) {\n        return true;\n    }\n    else {\n        return false;\n    }\n}\nadd_filter( 'show_admin_bar', '__return_false' );\nadd_action( 'admin_init', 'wp_add_save_and_continue_button' );<\/code><\/pre>\n
步骤 2: 在表单元素中添加JavaScript<\/h3>\n
接下来，我们需要在表单元素中插入JavaScript代码，以便在用户点击保存按钮时触发保存和继续操作。<\/p>\n
<form action=\"your-form-action-url\" method=\"post\">\n  <!-- 表单字段 -->\n  <input type=\"hidden\" name=\"action\" value=\"save-and-continue\">\n  <button type=\"submit\" class=\"btn btn-primary\">保存并继续<\/button>\n<\/form><\/code><\/pre>\n
步骤 3: 使用JavaScript处理表单提交<\/h3>\n
在您的JavaScript代码中，你可以监听用户的表单提交事件，并检查是否有保存并继续的请求。<\/p>\n
document.querySelector('form').addEventListener('submit', function(e) {\n  e.preventDefault();\n\n  var saveAndContinueButton = document.getElementById('save-and-continue');\n  if (saveAndContinueButton) {\n    saveAndContinueButton.click(); \/\/ 点击保存并继续按钮\n  } else {\n    console.log(\"Save and Continue button not found\");\n  }\n});<\/code><\/pre>\n
步骤 4: 添加PHP验证和处理逻辑<\/h3>\n
为了确保数据安全，你需要在服务器端对提交的数据进行验证。这通常涉及到将数据存储到数据库或表单表单中的一个单独的字段。<\/p>\n
if ($_SERVER[\"REQUEST_METHOD\"] == \"POST\") {\n    \/\/ 这里可以执行SQL查询以验证提交的数据是否正确\n    if ($dataIsValid()) {\n        \/\/ 数据有效，执行保存操作\n        update_post_meta($post_id, 'save_data_here', $data);\n    } else {\n        \/\/ 数据无效，显示错误消息\n        die(\"Invalid data. Please try again.\");\n    }\n}<\/code><\/pre>\n
步骤 5: 部署和测试<\/h3>\n
现在，你应该已经实现了保存并继续的功能。请确保在实际部署前进行充分的测试，包括但不限于安全性、用户体验等各个方面。<\/p>\n
以上就是在WordPress中添加保存并继续功能的基本步骤。根据你的需求，可能需要调整这些部分以适应特定的场景。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
Bug编译狮 要在WordPress的表单中添加保存并继续的功&#3..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[2107,2106],"tuisongtax":[],"class_list":["post-3277","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-cjyy","tag-cjzn"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/comments?post=3277"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3277\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=3277"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=3277"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=3277"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=3277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}