Question

I have an application here

When you open the application, please keep clicking on the “Add Question” button, you will realise that it would not let you add more than 5 table rows. This is because of this code here:

    if (qnum > 5) {
    return;
}

This line of code goes into the function below which controls adding table rows:

var qnum = 1;

function insertQuestion(form) {   


    if (qnum > 5) {
    return;
}


    var $tbody = $('#qandatbl > tbody'); 
    var $tr = $("<tr class='optionAndAnswer' align='center'></tr>");
    var $qid = $("<td class='qid'>" + qnum + "</td>");


    $tr.append($qid);
    $tbody.append($tr); 


    $(form).find('.numberOfQuestions').val(qnum);

    ++qnum;
    $("#questionNum").text(qnum);
    form.questionText.value = "";


}

The added rows go into this table here:

<table id="qandatbl" align="center">
<thead>
<tr>
    <th class="qid">Question No</th>
</tr>
</thead>
<tbody></tbody>
</table>

My question is that I am going to create a new function which is known as validation() function and this will create the alerts. What my question is that how do I write the if statement to state that if the last question number is not in a table row then display in the alert “You have not added all of your questions\n you have ” questions remaining”. How do I write the if statement?

Below is the current validation() function at moment:

function validation() {

    var marks = parseInt($("#total-weight").text());    
    var _qid = "";
    var _msg = "";

    var maxQuestions = <?php echo (int)@$_POST['textQuestion']; ?>;
    var questionsAdded = $('tr.optionAndAnswer').length;


    var alertValidation = "";
    // Note, this is just so it's declared...
    $("tr.optionAndAnswer").each(function() {


        _qid = $("td.qid",this).text();
        _msg = "You have errors on Question Number: " + _qid + "\n";

        $(".textAreaQuestion",this).each(function() {



            if (!this.value || this.value.length < 5) {
                alertValidation += "\n\u2022 You have not entered a valid Question\n";
            }

            if (alertValidation != "") {
                return false; //Stop the each loop 
            }
        });

        $(".numberAnswerTxtRow",this).each(function() {


            var currenttotal = $(this).closest('.optionAndAnswer').find('.answerBtnsOn').length;

            if (!this.value) {
                alertValidation += "\n\u2022 Please Enter in the Number of Answers you Require for this question\n";
            }

            else if (currenttotal > $(this).val()){
                alertValidation += "\n\u2022You have selected more answers than the required amount\n";
    }

            else if (currenttotal < $(this).val()) {
                alertValidation += "\n\u2022 You have selected less answers than the required amount\n";
    }

            if (alertValidation != "") {
                return false; //Stop the each loop 
            }

        });

        $(".txtWeightRow",this).each(function() {


            if (!this.value) {
                alertValidation += "\n\u2022 Please enter in a figure for Number of Marks for this Question\n";
            }

            if (alertValidation != "") {
                return false; //Stop the each loop 
            }
        });


        if(alertValidation != ""){
            return false;
        }
    });

if(alertValidation == ""){      
            if($("#total-weight").text() < '0')
{
    _msg = '';
 alertValidation = "Your Total Session Marks Remaining does not equal 0 \n\n\u2022 You Need To Remove " + Math.abs(marks) +  " Marks";   
}

        else if($("#total-weight").text() > '0')
{
    _msg = '';
 alertValidation = "Your Total Session Marks Remaining does not equal 0 \n\n\u2022 You Have " + marks +  " Marks Remaining";   
}

        else if(questionsAdded  < maxQuestions){
    msg = '';
     alertValidation("You Have Not Added in All of Your Questions. You have " + (maxQuestions - questionsAdded) + " Questions Remaining:" );
}


}

    if (alertValidation != "") {
        alert(_msg + alertValidation);
        return false;
    }

    return true;
}

Answer 1

You can check for the no. of rows added and comapre against whatever max number you have. Try this.

var maxQuestions = 5;
var questionsAdded = $('tr.optionAndAnswer').length;
if(questionsAdded  < maxQuestions){
     alert("Questions remaining: " + (maxQuestions - questionsAdded));
}