Скрыть и показать поля на основе выбора радио

Question

У меня есть следующая форма:

<fieldset id="upload-form">                     
                        <ul>
                            <li>
                                <div class="radio-list clearfix">
                                <ul>
                                    <li><label for="r1"><input type="radio" name="category" id="r1" value="34" checked="checked" /> Discussion</label></li>
                                    <li><label for="r2"><input type="radio" name="category" id="r2" value="35" /> Question</label></li>
                                    <li><label for="r3"><input type="radio" name="category" id="r3" value="36" /> Code</label></li>
                                    <li><label for="r4"><input type="radio" name="category" id="r4" value="37" /> Link</label></li>
                                </ul>
                                </div>
                            </li>
                            <li>
                                <label for="title">Title <span>required &amp; make it descriptive</span></label>
                                <input id="title" type="text" name="title" />
                            </li>
                            <li>
                                <label for="url">URL <span>don't forget the http://</span></label>
                                <input id="url" type="text" name="url" placeholder="http://" />
                            </li>
                            <li>
                                <label for="topic">Discussion topic</label>
                                <textarea id="topic" name="topic"></textarea>
                            </li>
                            <li>
                                <label for="question">Your question <span>help text</span></label>
                                <textarea id="question" name="question"></textarea>
                            </li>
                            <li>
                                <label for="description">Description <span>help text</span></label>
                                <textarea id="description" name="description"></textarea>
                            </li>
                            <li>
                                <label for="code">Code</label>
                                <textarea id="code" name="code"></textarea>
                            </li>
                            <li>
                                <label for="tags">Tags <span>separate multiple tags with commas</span></label>
                                <textarea id="tags" name="tags"></textarea>
                            </li>
                            <li>
                                <label class="public" for="public"><input id="public" type="checkbox" name="public" /> Make this post public? <span>( non-members will be able to view this post )</span></label>
                            </li>
                            <li class="clearfix">
                                <input class="submit" type="submit" name="" value="Post" />
                                <input class="cancel" type="button" value="Cancel" onclick="window.location.href='<?php bloginfo('url'); ?>/posts'" />
                            </li>
                        </ul>
                    </fieldset>

Что произойдет, если пользователь выберет один из переключателей в верхней части формы, он будет скрывать или отображать определенные поля, относящиеся к этой категории,Так, например, для категории «Ссылка» используются только поля «Заголовок», «URL» и «Описание».

Я планирую использовать jQuery для скрытия и отображения полей, но как быть с кодом на стороне сервера?Как будто пользователь начинает заполнять поля, но затем решает изменить категорию, я не хочу, чтобы они публиковали неправильные поля и т. Д. Как бы я это сделал?

Я использую WordPress, а форма закодирована с помощьюPHP.Вот пример кода того, как форма будет собирать информацию о записи и сохранять ее в базе данных.Спасибо.

<?php

    /* Template Name: New Post */

    if(isset($_POST['new_post']) == '1')
    {
        $post_title = $_POST['post_title'];
        $post_category = $_POST['cat'];
        $post_content = $_POST['post_content'];
        $post_timelimit = $_POST['timelimit'];

        $new_post = array(
              'ID' => '',
              'post_author' => $user->ID, 
              'post_content' => $post_content, 
              'post_title' => $post_title,
              'post_status' => 'publish',
              'tax_input' => array('timelimit' => $post_timelimit)
            );

            $post_id = wp_insert_post($new_post);
            // tags have to be added seperate? :/
            wp_set_post_tags($post_id, $_POST['post_tags']);

            // This will redirect you to the newly created post
            $post = get_post($post_id);
            wp_redirect($post->guid);
    }

    get_header();

?>

Answer 1

Вы должны сделать свой PHP зависимым от значения переключателя, который изменяет эту форму.

if (form is in state 1) {
   process state 1 form fields
} else if (form is in states 2 and 3 or 12) {
   etc...
} else {
   ...
}

Если любое из полей во всех «состояниях» формы может быть вобщий для всех версий формы, а затем обрабатывает их вне условного блока.