无法使Wordpress表单提交正常工作

时间:2018-09-12 20:30:54

标签: wordpress forms plugins submission

我知道这个问题已经被反复问过,但是我发现的所有解决方案都不适合我。我有一个简单的wordpress插件,可通过页面上的简码输出html格式。当我填写表单时,它没有命中表单操作回调,我也弄不清原因。这是我的代码:

<?php
/*
 Plugin Name: Form Submit Test
 Plugin URI: http://10.0.2.15/wp-content/plugins/form-submit-test
 Description: Testing to get these forms to submit
 Version: 1.0.0
 Author: Randy Young
 Author URI: http://example.com
 License: GPLv2 or later
*/


// security check
defined('ABSPATH') or  die('Illegal Access');
define( 'FormSubmitTest_VERSION', '1.0.0' );

class FormSubmitTest
{


    function fst_shortcode() {
        return $this->html_form_code();
    }

    private function html_form_code() {
        error_log('html_form_code()');
        $html = '';
        $html .= '<form action="' . esc_url( admin_url('admin-post.php')) . '" method="post">'; //
        $html .= '<input type="hidden" name="action" value="fst_action_hook"';
        $html .= '<p>';
        $html .= 'Your Name (required) <br />';
        $html .= '<input type="text" name="cf-name" pattern="[a-zA-Z0-9 ]+" value="' . ( isset( $_POST["cf-name"] ) ? esc_attr( $_POST["cf-name"] ) : '' ) . '" size="40" />';
        $html .= '</p>';
        $html .= '<p>';
        $html .= 'Your Email (required) <br />';
        $html .= '<input type="email" name="cf-email" value="' . ( isset( $_POST["cf-email"] ) ? esc_attr( $_POST["cf-email"] ) : '' ) . '" size="40" />';
        $html .= '</p>';
        $html .= '<p>';
        $html .= 'Subject (required) <br />';
        $html .= '<input type="text" name="cf-subject" pattern="[a-zA-Z ]+" value="' . ( isset( $_POST["cf-subject"] ) ? esc_attr( $_POST["cf-subject"] ) : '' ) . '" size="40" />';
        $html .= '</p>';
        $html .= '<p>';
        $html .= 'Your Message (required) <br />';
        $html .= '<textarea rows="10" cols="35" name="cf-message">' . ( isset( $_POST["cf-message"] ) ? esc_attr( $_POST["cf-message"] ) : '' ) . '</textarea>';
        $html .= '</p>';
        $html .= '<p><input type="submit" name="cf-submitted" value="Send"/></p>';
        $html .= '</form>';

        return $html;
    }
}


// instantiate the FormSubmitTest class
if( class_exists('FormSubmitTest')) {
    $formSubmitTest = new FormSubmitTest();
}

add_action( 'wp_post_nopriv_fst_action_hook', 'fst_action_function' ); // need this to serve non logged in users
add_action( 'wp_post_fst_action_hook', 'fst_action_function' );
// THE FUNCTION
function fst_action_function() {

    error_log('fst_action_function()');
    
    wp_redirect(admin_url('admin.php?page=10.0.2.15/index.php/ringwood2/'));
    exit;
}

// create a shortcode to add to the page
add_shortcode('form_submit_test', array( $formSubmitTest, 'fst_shortcode'));

?>

我看到了error_log('html_form_code()');结果在debug.log中,但看不到error_log('fst_action_function()');回调的结果。我也最终进入了wp-admin / admin-post.php页面。

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

您似乎正在尝试通过AJAX提交表单,但操作有误。对于AJAX,它应该是wp_ajax,而不是wp_post。

add_action( 'wp_ajax__nopriv_fst_action_hook', 'fst_action_function' ); // need this to serve non logged in users
add_action( 'wp_ajax_fst_action_hook', 'fst_action_function' );

您可以在这里找到更多信息:wp_ajax_{action}_。从本质上讲,这将允许您通过AJAX提交表单,但是,您无法以尝试的方式进行重定向。使用AJAX,您通常会返回一个响应,然后使用Javascript对响应进行一些处理,例如显示一条消息(或重定向)。

如果您只想简单地发布不含AJAX的表单,则应考虑使用init操作。然后,您可以收听表单提交。像

add_action( 'init', 'listen_for_form_submissions' );

function listen_for_form_submissions() {
    if( isset( $_POST['action'] ) && $_POST['action'] === 'fst_action_hook' ) {
        error_log('fst_action_function()');

        wp_redirect(admin_url('admin.php?page=10.0.2.15/index.php/ringwood2/'));
        exit;
    }
}