Обработка нескольких форм отправки - PullRequest
0 голосов
/ 18 марта 2019

Я новичок, изучающий новые вещи.Я пытаюсь обрабатывать две формы, но не могу понять, как обрабатывать вторую форму по-другому.Он использует 1-ую ручку формы, несмотря ни на что.Вот код:

<div class="body questionnaire-container">
            <div class="content">
                <h2 id="questionNumero"></h2>
                <p id="question"></p>
                <form class="form" id="question-form">
                    <div>
                        <input type="radio" name="question" id="answerA" value="A">
                        <label class="answerA"></label>
                    </div>
                    <div>
                        <input type="radio" name="question" id="answerB" value="B">
                        <label class="answerB"></label>
                    </div>
                    <div>
                        <input type="radio" name="question" id="answerC" value="C">
                        <label class="answerC"></label>
                    </div>
                    <div>
                        <input type="radio" name="question" id="answerD" value="D">
                        <label class="answerD"></label>
                    </div>
                    <button type="submit" id="submit" class="submit">Next</button>
                </form>
            </div>
            <div class="barre-progression">
                <h2>Progrès</h2>
                <progress class="progression" value="0" max="10">
            </div>
        </div>

        <div class="body weaponquestionnaire-container">
            <div class="content">
                <h2 id="questionNumero"></h2>
                <p id="question"></p>
                <form class="form" id="questionweap-form">
                    <div>
                        <input type="radio" name="question" id="answerA" value="A">
                        <label class="answerA"></label>
                    </div>
                    <div>
                        <input type="radio" name="question" id="answerB" value="B">
                        <label class="answerB"></label>
                    </div>
                    <div>
                        <input type="radio" name="question" id="answerC" value="C">
                        <label class="answerC"></label>
                    </div>
                    <div>
                        <input type="radio" name="question" id="answerD" value="D">
                        <label class="answerD"></label>
                    </div>
                    <button type="submit" id="chuj" class="questionweap-form">Next</button>
                </form>
            </div>
            <div class="barre-progression">
                <h2>Progrès</h2>
                <progress class="progression" value="0" max="10">
            </div>
        </div>


// Handle Form Submits
$("#question-form").submit(function (e) {
e.preventDefault();
alert( "It's broken again!" );

if (questionNumber != nbQuestionToAnswer) {
    //question 1 to 9: pushing answer in array
    closeAll();
    userAnswer.push($('input[name="question"]:checked').val());
    questionNumber++;
    openQuestionnaire();
} else {
    // question 10: comparing arrays and sending number of good answers
    userAnswer.push($('input[name="question"]:checked').val());
    var nbGoodAnswer = 0;
    for (i = 0; i < nbQuestionToAnswer; i++) {
        if (userAnswer[i] == goodAnswer[i]) {
            nbGoodAnswer++;
        }
    }

    closeAll();
    if (nbGoodAnswer >= nbAnswerNeeded) {
        openResultGood();
    } else {
        openResultBad();
    }
}

return false;
});



$("#questionweap-form").submit(function (e) {
    e.preventDefault();
    alert( "It worked, finally." );

if (questionNumber != nbQuestionToAnswer) {
    //question 1 to 9: pushing answer in array
    closeAll();
    userAnswer.push($('input[name="question"]:checked').val());
    questionNumber++;
    openQuestionnaireWeapon();
} else {
    // question 10: comparing arrays and sending number of good answers
    userAnswer.push($('input[name="question"]:checked').val());
    var nbGoodAnswer = 0;
    for (i = 0; i < nbQuestionToAnswer; i++) {
        if (userAnswer[i] == goodAnswer[i]) {
            nbGoodAnswer++;
        }
    }

    closeAll();
    if (nbGoodAnswer >= nbAnswerNeeded) {
        openResultGood();
    } else {
        openResultBad();
    }
}

return false;
});

Он продолжает отправлять «форму-вопрос», даже когда пытается отправить «форму-вопрос»

Я искал советы в течение нескольких часов, которые не могне найти ничего, поэтому любая помощь будет оценена!

...