最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

php - Front end submit form with jquery form plugin

programmeradmin0浏览0评论

Maybe someone can help me with a small problem I'm having. I'm trying to use this: / to create a submit form for Wordpress. I've tested it on a regular site(not WP) and it works. I can't figure out why it won't work in wp.

This is my form. I've created two page templates, one has the form, the other has the wp_insert_post code. If I change the form action to action=".php" it works, if I point it to a page template it doesn't. I need it to point to a page template for the wp_insert_post code to work.

This is on one first page:

<form id="myForm" action="" method="post"> 
Name: <input type="text" name="name" /> 
Comment: <textarea name="comment"></textarea> 
<input type="submit" value="Submit Comment" /> 

Thanks

Maybe someone can help me with a small problem I'm having. I'm trying to use this: http://jquery.malsup/form/ to create a submit form for Wordpress. I've tested it on a regular site(not WP) and it works. I can't figure out why it won't work in wp.

This is my form. I've created two page templates, one has the form, the other has the wp_insert_post code. If I change the form action to action="http://mysite/page.php" it works, if I point it to a page template it doesn't. I need it to point to a page template for the wp_insert_post code to work.

This is on one first page:

<form id="myForm" action="http://mysite/submitest" method="post"> 
Name: <input type="text" name="name" /> 
Comment: <textarea name="comment"></textarea> 
<input type="submit" value="Submit Comment" /> 

Thanks

Share Improve this question asked Nov 16, 2011 at 14:59 CiprianCiprian 2122 silver badges14 bronze badges 3
  • Do you need the second template at all? I mean are you showing anything regarding the processing of this form on the second template? I think its not a very good idea to put your post insertion code (or any heavy processing code, for that matter) in a page template. functions.php is the RIGHT place for putting your post insertion code. You could get the form data, insert the post, and redirect to the page that has the second template applied. – Rutwick Gangurde Commented Nov 16, 2011 at 15:18
  • that's how the example that I downloaded from here looked like. Two pages one with the form and the other with the processing code. How do I get the form data in functions.php? – Ciprian Commented Nov 16, 2011 at 15:22
  • See my answer... – Rutwick Gangurde Commented Nov 16, 2011 at 15:22
Add a comment  | 

1 Answer 1

Reset to default 3

Leave the action value as blank. Give the submit button a name as name='form_sub'. Then add the following code to your functions.php file. Check the codex for init hook. You can create a 'Thank You' page, or a confirmation page where the user should go after successful submission.

<?php
add_action('init', 'form_submit');

function form_submit(){
    if(isset($_POST['form_sub']))
    {
        //here you'll have your form data in a $_POST array, you can check it using a print_r. parse the form and insert the post
        $title = $_POST['name'];
        $content = $_POST['comment'];

        //change the category and author as you want
        $post_obj = array(
                        'post_title' => $title,
                        'post_content' => $content,
                        'post_category' => array(1), //Uncategorized
                        'post_status' => 'draft',
                        'post_author' => 1 //Admin
                       );
        $id = wp_insert_post($post_obj);

        //check if successfully submitted
        if(isset($id) && !is_wp_error($id))
        {
            //redirect to a thank you page, make sure the slug is 'thank-you'
            wp_redirect(home_url('/thank-you'));
            exit;
        } 
    }
}
?>

Try this. Let me know if you are stuck.

Edit: This is how the form template should be. The submit button should have the name attribute, not the form.

<?php /* Template Name: Submit */ ?> 
<?php get_header(); ?> 
Form this: 
<form action="" method="post"> 
    Name: <input type="text" name="name" /> 
    Comment: <textarea name="comment"></textarea>
    <input type="submit" value="Submit" name="form_sub" />
</form>
<?php get_footer(); ?>
发布评论

评论列表(0)

  1. 暂无评论