Validation and insert new questions

[zperee]

Validation überprüft nach abschicken des Formulars ob alles richtig ausgefüllt ist. Nach Validation in DB eintragen.
Validation mit extra File auf neuer Seite oder Lösung mit jQuery Validation (User kann immer nur eine Frage ausfüllen)

[zperee]

Alle Informationen aus $_POST Array lesen in addQuestion.php

[Phong6698]

Validation

That would work

add.php

            <form action="resources/addQuestion.php" method="POST"
                id="addQuestion">
                <div id="questions">
                    <div class="col-md-4">
                        <label for="sel1">Thema</label> <select class="form-control"
                            name="category">
                            <?php foreach ($categories as $category){?>
                            <option value = <?php echo $category->__get("categoryID")?>><?php echo $category->__get("category");?></option>
                            <?php }?>
                        </select>
                    </div>
                    <div id="1">
                        <div class="col-md-12">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <label for="question" class="titleQuestion">Frage:</label> <input
                                        type="text" class="form-control question" name="question_1">
                                </div>
                                <div class="panel-body">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <label for="answer1">Antwort:</label><input type="radio"
                                                name="option_1" class="optionRight" autocomplete="off"><input
                                                type="text" class="form-control" id = "answer1" name="answer_1-1">
                                        </div>

                                        <div class="col-md-6">
                                            <label for="answer2">Antwort:</label><input type="radio"
                                                name="option_1" class="optionRight" autocomplete="off"><input
                                                type="text" class="form-control answer" id = "answer2" name="answer_1-2">
                                        </div>

                                        <div class="col-md-6">
                                            <label for="answer3">Antwort:</label><input type="radio"
                                                name="option_1" class="optionRight" autocomplete="off"><input
                                                type="text" class="form-control answer" id = "answer3" name="answer_1-3">
                                        </div>

                                        <div class="col-md-6">
                                            <label for="answer4">Antwort:</label><input type="radio"
                                                name="option_1" class="optionRight" autocomplete="off"> <input
                                                type="text" class="form-control answer" id = "answer4" name="answer_1-4">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="container">
                    <button type="submit" class="btn btn-default col-md-12"
                        id="btnSubmit">Hinzuf&uuml;gen</button>
                </div>
            </form>

add.js

//1 is already in code. 
var counter = 2;
$("#AddQuestionBtn").click(function() {
    $tmc = $("#1").clone().attr('id', counter).show();
    $(".question", $tmc).attr('name', 'question_' + counter);
    $(".question", $tmc).attr('id', 'question_' + counter);
    $("#answer1", $tmc).attr('name', 'answer_' + counter + "-1");
    $("#answer1", $tmc).attr('id', 'answer_' + counter + "-1");
    $("#answer2", $tmc).attr('name', 'answer_' + counter + "-2");
    $("#answer2", $tmc).attr('id', 'answer_' + counter + "-2");
    $("#answer3", $tmc).attr('name', 'answer_' + counter + "-3");
    $("#answer3", $tmc).attr('id', 'answer_' + counter + "-3");
    $("#answer4", $tmc).attr('name', 'answer_' + counter + "-4");
    $("#answer4", $tmc).attr('id', 'answer_' + counter + "-4");
    $(".optionRight", $tmc).attr('name', 'option_' + counter);
    $tmc.appendTo("#questions");
    counter++;

});

$("#btnSubmit").click(function () {

    $('#addQuestion').validate({ // initialize the plugin
        submitHandler: function (form) { // for demo
            form.submit();
        }
    });

    $('[name*="question"]').each(function() {
        $(this).rules('add', {
            required: true,
            messages: {
                required:  "your custom required message",
            }
        });
    });

    $('[name*="answer"]').each(function() {
        $(this).rules('add', {
            required: true,
            messages: {
                required:  "your custom required message",
            }
        });
    });

    $('[name*="option"]').each(function() {
        $(this).rules('add', {
            required: true,
            messages: {
                required:  "your custom required message",
            }
        });
    });

});