1

我将 wordpress 作为 CMS 运行。我整理了一个简单的多部分表单,效果很好,并且允许从前端发布。这是一个由两部分组成的表格,第一部分是他提交数据的地方,第二部分是他预览刚刚提交的数据的地方。提交的数据按预期在 wp 中创建了一个不错的草稿帖子。

这是表单页面模板中的第一段代码,用于显示表单。在代码的下部,您会注意到一个预览部分阅读代码中的注释),它显示刚刚提交的数据。所有这些工作都非常好,我什至能够在提交后检索图像

     <?php
            global $wpdb;
            $this_page  =   $_SERVER['REQUEST_URI'];
            $page       =   $_POST['page'];
            if ( $page == NULL ) { ?> 

        <form method="POST" id="test_form" name="test_form" enctype="multipart/form-data" action="">

        <div>LOCATION : <input type="text" name="location" id="location"/></div>

        <div>DESCRIPTION : <textarea id="details" cols="80" rows="10 maxlength="600" name="details" rows="20"></textarea></div>

        <div>UPLOAD IMAGE : <input type="file" name="loc-image" id="loc-image" tabindex="25" /></div>


        <input type="hidden" value="1" name="page" />
        <input type="hidden" name="action" value="post_action" />
        <input type="submit" name="submit" id="submit" value="PROCEED"/>
        </form>

        <?php 
        } else if ( $page == 1 ) { ?> 

        <?php include_once('validate_first_step.php'); ?>
        <?php if (isset($_POST['submit']) && (!empty($error))) { ?>

                    <h3>Submission Failed.  Errors highlighted below.</h3><br/>
                    <a href="javascript:history.go(-1)">GO BACK</a><br/><br/>
                    <?php echo $error . '</br>';
                    } else { ?>


<?php echo 'h2>'.'YOUR SUBMISSION IS ACCEPTED. PREVIEW.'. '</h2>';?>

    <?php  //PREVIEW SECTION OF THE FORM BEGINS 
    $location=$_POST['location'];
    $description=$_POST['details'];
    ?>

    <?php
    echo 'Location : ' . $location . '</br>';
    echo 'Details  : ' . $description . '</br>'; 
    ?>
    <?php echo wp_get_attachment_image( $newupload,'medium' ); ?>

    <?php //PREVIEW ENDS
    }
    }
    ?>

这就是表单的处理方式。实际的代码非常复杂,我只是在这里放置了实现这个想法所必需的。用于插入 wordpress 的非常标准的东西。

if( 'POST' == $_SERVER['REQUEST_METHOD'] &&  !empty( $_POST['action'] ) && $_POST['action'] == "post_action") {


    // Do some minor form validation to make sure there is content
    if (isset($_POST['submit'])) {
            $error = "";

        if ($_POST['details'] != null) {
            $description = trim(strip_tags($_POST['details']));
        } else {
            $error .= 'Put description.</br>';
        }

        if ($_POST['location'] != null) {
            $location = trim(strip_tags($_POST['location']));
        } else {
            $error .= 'Put location.</br>';
        }

    }  



            if (empty($error)) {   
            $new_post = array(   //insert form inputs, set var and define array
            'post_title'    =>  $location, 
            'post_content'  =>  $description,
            'post_status'   =>  'draft',
            'post_author'   =>  '2',    
            'post_type' =>  'post'  
            // assigning tags and categories are no issue
            );

            $pid = wp_insert_post($new_post);


                    //attachment helper function    
                    function insert_attachment($file_handler,$post_id,$setthumb='false') {

                    if ($_FILES[$file_handler]['error'] !== UPLOAD_ERR_OK){ return __return_false(); 
                    } 
                    require_once(ABSPATH . "wp-admin" . '/includes/image.php');
                    require_once(ABSPATH . "wp-admin" . '/includes/file.php');
                    require_once(ABSPATH . "wp-admin" . '/includes/media.php');

                    $attach_id = media_handle_upload( $file_handler, $post_id );

                    //set post thumbnail
                    if ($setthumb) update_post_meta($post_id,'_thumbnail_id',$attach_id);
                    return $attach_id;
                    }


                    //INSERT OUR MEDIA ATTACHMENTS
                    if ($_FILES) {
                    foreach ($_FILES as $file => $array) {
                    $newupload = insert_attachment($file,$pid);
                    }
                    } 

        } //end of if empty error
    }

问题:这是我在测试表单时注意到的问题。当我在预览部分提交表单后,数据按预期正确显示,但是当我刷新页面时,相同的数据再次提交到 wordpress,创建了一个重复的草稿帖子。

尝试的事情:我知道重定向解决方案并且能够使用wp_redirect,但重定向不是我正在查看的内容,因为我需要向他们展示预览我花了几个小时寻找解决方案和替代方案,但仍在这样做。

请求:请让我知道如何阻止这种情况发生。我不能指望人们不点击刷新,他们基本上会为所欲为。因此,我想使用服务器端 php 来执行此操作,而不是 javascript 通知。因为即使禁用了 javascript,它也可能会执行,我的其余代码也是如此。基本上我需要一个在提交后简单地忽略刷新的解决方案。请向我建议一个代码或提示正确的方向,可以使这成为可能。非常感谢。


更新:正如@user2758004 所建议的,我尝试了比较方法并且它有效。我已将以下代码放在处理器的顶部。

$location=$_POST['location'];

$args = array(
        'post__not_in'=> array($id),
        'post_type' => 'post',
        'post_status' => array('publish','pending','draft','future','private'),
        'meta_query' => array(
        'relation' => 'AND',

        array(
        'key' => 'location',
        'value' => $location,
        'compare' => '='
        ),
    )
);

现在在处理器中,我检查 meta_key 'full_name' 的 meta_value 是否已经存在。如果出现这种情况,表单会显示错误并简单地停止该过程。希望它可以帮助某人。

    $existingMeta = get_posts( $args );
        if(!empty($existingMeta)){ 
    $error .= 'Bummer, ' .$location. ' is already in database.</br>';
        return;

} 
        else { 
                  //check for rest of the errors
    } 
4

2 回答 2

2

可能有两种方式:

  1. 在将表单数据添加到数据库之前,检查用户上次提交的表单数据,比较它们,如果它们相同,则拒绝。

  2. 使用jquery的ajax post将数据提交给特定的处理脚本,那么即使用户刷新,浏览器也不会显示“你想再次提交这个吗?” 小费。(我目前正在使用这个技巧,效果很好)

PS。第一个解决方案很容易想出,但并不完美,当用户不小心刷新页面时,会出现丑陋的“你想再次提交这个吗?” 仍然显示,我认为最好将这两种方法结合起来以增加额外的安全性。

于 2013-10-08T16:39:10.710 回答
1
if (isset($_POST['submit'])) {
            $error = "";
session_start(); // just to make sure you have an active session

        if ($_POST['details'] != null) {
            $_SESSION['description'] = trim(strip_tags($_POST['details']));
        } else {
            $error .= 'Put description.</br>';
        }

        if ($_POST['location'] != null) {
             $_SESSION['location'] = trim(strip_tags($_POST['location']));
        } else {
            $error .= 'Put location.</br>';
        }

    }  

我们不是在第一步将数据提交到数据库。只是将其保存在会话中以在步骤 2 中使用

<?php echo 'h2>'.'YOUR SUBMISSION IS ACCEPTED. PREVIEW.'. '</h2>';?>

    <?php  //PREVIEW SECTION OF THE FORM BEGINS 
    $location=$_SESSION['location'];
    $description=$_SESSION['description'];
    ?>

    <?php
    echo 'Location : ' . $location . '</br>';
    echo 'Details  : ' . $description . '</br>'; 
    ?>
    <?php echo wp_get_attachment_image( $newupload,'medium' ); ?>

    <?php //PREVIEW ENDS
    }
    }
    ?>

在第 2 步,您可以将数据提交到数据库

于 2013-10-08T17:24:49.373 回答