页面刷新时表单重新提交问题 - 在wordpress的预览页面上

时间:2013-10-08 16:32:45

标签: php wordpress forms

我将wordpress作为CMS运行。我已经整理了一个简单的多部分表单,它非常好用,可以从前端发布。这是一个两部分形式,第一部分是他提交数据的地方,第二部分是他获得他刚刚提交的数据的预览。提交的数据按预期在wp中创建了一个很好的草稿。

这是表单页面模板中的第一个代码块,它显示表单。在代码的下半部分,您将注意到 PREVIEW SECTION 读取代码中的注释),其中显示刚刚提交的数据。所有这些都很有效,在提交之后我甚至能够retrieve an image

     <?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
    }

问题:这是我在测试表单时发现的问题。当我在PREVIEW SECTION中提交表单后,数据会按预期正确显示但是当我刷新页面时,相同的数据再次提交到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
    } 

2 个答案:

答案 0 :(得分:1)

可能有两种方式:

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

  2. 使用jquery的ajax帖子将数据提交到特定的处理脚本,然后即使用户刷新,浏览器也不会显示“你想再提交一次吗?”小费。 (我目前正在使用这个技巧,它工作正常)

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

答案 1 :(得分: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步,您可以将数据提交到数据库