I have a piece of code below where it determines which assessment the user is in and the assessment number the user is currently on:

Code:
<h1>CREATING QUESTIONS AND ANSWERS: ASSESSMENT <?php echo $sessionMinus ?> OF <?php echo $_SESSION['initial_count'] ?></h1>
So on the browser this could read for example:

CREATING QUESTIONS AND ANSWERS: ASSESSMENT 1 OF 4

Now below I have a submit button:
Code:
    <input id="addQuestionBtn" name="addQuestion" type="button" value="Add Question" onClick="insertQuestion(this.form)" />
Now if the user clicks on the button, it will show a confirmation box and if the user clicks OK, for the confirmation, then it will submit the page and what is suppose to happen is that it adds a number to the assessment to indicate that the user is on the next assessment.

SO FOR EXAMPLE:

If it says this on the page:


CREATING QUESTIONS AND ANSWERS: ASSESSMENT 1 OF 4

If the user submits the page and confirms, then it should now say this:


CREATING QUESTIONS AND ANSWERS: ASSESSMENT 2 OF 4

This is because the user is on the next assessment now.

Now this does work with the full code below:

Code:
			<?php
    				
    session_start();
    
    
    if(isset($_POST['sessionNum'])){
                //Declare my counter for the first time
                
                $_SESSION['initial_count'] = $_POST['sessionNum'];
                $_SESSION['sessionNum'] = intval($_POST['sessionNum']);
                $_SESSION['sessionCount'] = 1;
        
        }
        
    else if (isset($_POST['submitDetails']) && $_SESSION['sessionCount'] < $_SESSION['sessionNum']) {
        $_SESSION['sessionCount']++;
    }
    
    
    $sessionMinus =  $_SESSION['sessionCount'];
    
    if ($sessionMinus == $_SESSION['initial_count']){ 
    
        $action = 'create_session2.php'; 
    
    }else if($sessionMinus != $_SESSION['initial_count']){ 
    
        $action = $_SERVER['PHP_SELF']; 
    
    }
    
    ?>
    
    <script type="text/javascript">
    
     function showConfirm(){
        
             var confirmMsg=confirm("Make sure that your details are correct, once you proceed after this stage you would not be able to go back and change any details towards Questions, Options and Answers for your Session." + "\n" + "\n" + "Are you sure you want to Proceed?" + "\n" );
             
             if (confirmMsg==true)
             {
             submitform();   
         }
    }
                
             function submitform()
    {
        var fieldvalue = $("#QandA").val();
        $.post("insertQuestion.php", $("#QandA").serialize() ,function(data){
            var QandAO = document.getElementById("QandA");
            QandAO.submit();
        });  
        alert("Your Details for this Session has been submitted"); 
    }
    
    
    
    
    </script>
    
    <body>
    
    <form id="QandA" action="<?php echo htmlentities($action); ?>" method="post">
    <h1>CREATING QUESTIONS AND ANSWERS: ASSESSMENT <?php echo $sessionMinus ?> OF <?php echo $_SESSION['initial_count'] ?></h1>
    
    <p><input id="submitBtn" name="submitDetails" type="submit" value="Submit Details" onClick="myClickHandler(); return false;" /></p>
    </form>
    
    </body>
    
    
             <script type="text/javascript">
        			
    function myClickHandler(){
         if(validation()){
                    showConfirm();
         }
    }
    
    </script>
But the strange thing is though is that if I add my javascript 'validation()' function into the javascript code. If I click on the submit button to confirm and submit the page, then suddenly it doesn't add the Assessment number after page is submitted.

SO FOR EXAMPLE:

If it says this on the page:


CREATING QUESTIONS AND ANSWERS: ASSESSMENT 1 OF 4

If the user submits the page and confirms, then it still says:


CREATING QUESTIONS AND ANSWERS: ASSESSMENT 1 OF 4

This is obviously incorrect.

So my question is that when I include the javascript function `validation()` into the code, why does it not add the number after the page is submitted?

Below is the `validation()` function:

Code:
function validation() {
    
        var _qid = "";
        var _msg = "";
    
        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 
                }
            });
            
                   if(alertValidation != ""){
                return false;
            }
            
            });
    
          
        if (alertValidation != "") {
            alert(_msg + alertValidation);
            return false;
        }
    
        return true;
    
    }