PHP Form is not submitting when clicking the submit button [closed]

For some reason my form is not submiting and therefore I cant POST the variables to use them. I tried using the action attribute and submiting the form through jQuery, nothing works. I also get no errors in the console.

Here is the full code of my form:

<!-- Form -->
<form method="POST" enctype="multipart/form-data" action="candidatura.php" id="formCandidatura">


    <!-- Name -->
    <div class="col-md-8">
        
        <div class="form-group">

            <label for="form_name">Nome Completo *</label>
            <input type="text" class="form-control" name="candNome"
                id="candNome">

        </div>
    </div><!-- /End Name -->


    <!-- Subject -->
    <div class="col-md-4">
        <div class="form-group">

            <label for="form_subject">Data de nascimento *</label>
            <input type="date" class="form-control" name="candDataNasc"
                id="candDataNasc">

        </div>
    </div><!-- /End Subject -->


    <!-- Message -->
    <div class="col-md-4">
        <!-- Form Group -->
        <div class="form-group">

            <label for="form_message">Nacionalidade *</label>
            <input type="text" class="form-control" name="candNac"
                id="candNac">

        </div><!-- /End Form Group -->
    </div><!-- /End Message -->

        <!-- Message -->
        <div class="col-md-4">
        <!-- Form Group -->
        <div class="form-group">

            <label for="form_message">Naturalidade *</label>
            <input type="text" class="form-control" name="candNat"
                id="candNat">

        </div><!-- /End Form Group -->
    </div><!-- /End Message -->

        <!-- Message -->
        <div class="col-md-4">
        <!-- Form Group -->
        <div class="form-group">

        <label for="form_message">Género *</label>
        <select class="custom-select" name="candGen" id="candGen">
            <option disabled selected value="">Clique para abrir o menu</option>
            <option value="0">Masculino</option>
            <option value="1">Feminino</option>
        </select>

        </div><!-- /End Form Group -->
    </div><!-- /End Message -->

    <!-- Message -->
    <div class="col-md-8">
        <!-- Form Group -->
        <div class="form-group">

            <label for="form_message">Morada *</label>
            <input type="text" class="form-control" name="candMorada"
                id="candMorada">

        </div><!-- /End Form Group -->
    </div><!-- /End Message -->

    <!-- Message -->
    <div class="col-md-4">
        <!-- Form Group -->
        <div class="form-group">

            <label for="form_message">Código Postal *</label>
            <input type="text" class="form-control" name="candCodPost"
                id="candCodPost">

        </div><!-- /End Form Group -->
    </div><!-- /End Message -->
    <div class="col-md-4">
        <!-- Form Group -->
        <div class="form-group">

            <label for="form_message">Cidade/loc. e freguesia *</label>
            <input type="text" class="form-control" name="candCidade"
                id="candCidade">

        </div><!-- /End Form Group -->
    </div><!-- /End Message -->
    <div class="col-md-8">
        <!-- Form Group -->
        <div class="form-group">

            <label for="form_message">E-mail *</label>
            <input type="text" class="form-control" name="candEmail"
                id="candEmail">

        </div><!-- /End Form Group -->
    </div><!-- /End Message -->
    <div class="col-md-4">
        <!-- Form Group -->
        <div class="form-group">

            <label for="form_message">Telefone </label>
            <input type="text" class="form-control" name="candTelefone"
                id="candTelefone">

        </div><!-- /End Form Group -->
    </div><!-- /End Message -->
    <div class="col-md-4">
        <!-- Form Group -->
        <div class="form-group">

            <label for="form_message">Telemóvel *</label>
            <input type="text" class="form-control" name="candTelemovel"
                id="candTelemovel">

        </div><!-- /End Form Group -->
    </div><!-- /End Message -->
    <div class="col-md-4">
        <!-- Form Group -->
        <div class="form-group">

            <label for="form_message">NIF *</label>
            <input type="text" class="form-control" name="candNif"
                id="candNif">

        </div><!-- /End Form Group -->
    </div><!-- /End Message -->

    <!-- Message -->
    <div class="col-md-12">
        <!-- Form Group -->
        <div class="form-group">

            <label for="form_message">Tipo de documento de identificação *</label>
        <select class="custom-select" name="candTipoDoc" id="candTipoDoc">
            <option disabled selected value="">Clique para abrir o menu</option>
            <option value="0">Cartão de cidadão</option>
            <option value="1">Bilhete de identidade</option>
        </select>

        </div><!-- /End Form Group -->
    </div><!-- /End Message -->
    

    <div class="col-md-6">
        <!-- Form Group -->
        <div class="form-group">

            <label for="form_message">Nº do documento de identificação *</label>
            <input type="text" class="form-control" name="candNDoc"
                id="candNDoc">

        </div><!-- /End Form Group -->
    </div><!-- /End Message -->
    <div class="col-md-6">
        <!-- Form Group -->
        <div class="form-group">

            <label for="form_message">Validade do documento de identificação *</label>
            <input type="date" class="form-control" name="candValDoc"
                id="candValDoc">

        </div><!-- /End Form Group -->
    </div><!-- /End Message -->
    
    <div class="col-md-6">
        <!-- Form Group -->
        <div class="form-group">

            <label for="form_message">Habilitações literárias *</label>
            <input type="text" class="form-control" name="candHabLit"
                id="candHabLit">
        </div><!-- /End Form Group -->
    </div><!-- /End Message -->
    <div class="col-md-6">
        <!-- Form Group -->
        <div class="form-group">

            <label for="form_message">Situação profissional *</label>
            <input type="text" class="form-control" name="candSitProf"
                id="candSitProf">
        </div><!-- /End Form Group -->
    </div><!-- /End Message -->
    <div class="hr-divider hr-divider-style-6 text-center">
        <i class="fa fa-comments-o"></i>
    </div>

    <div class="col-md-12">
        <!-- Form Group -->
        <div class="form-group">
            <label for="form_message">Designação do grau que possui</label>
            <input type="text" class="form-control" name="candGrau"
                id="candGrau">
        </div><!-- /End Form Group -->
    </div><!-- /End Message -->

    <div class="col-md-6">
        <!-- Form Group -->
        <div class="form-group">
            <label for="form_message">Instituição que concedeu o grau</label>
            <input type="text" class="form-control" name="candInstGrau"
                id="candInstGrau">
        </div><!-- /End Form Group -->
    </div><!-- /End Message -->
    
    <div class="col-md-6   ">
        <!-- Form Group -->
        <div class="form-group">
            <label for="form_message">Data da obtenção do grau</label>
            <input type="date" class="form-control" name="candDataGrau"
                id="candDataGrau">
        </div><!-- /End Form Group -->
    </div><!-- /End Message -->
    <div class="hr-divider hr-divider-style-6 text-center">
        <i class="fa fa-comments-o"></i>
    </div>

    <!-- Message -->
    <div class="col-md-12">
        <!-- Form Group -->
        <div class="form-group">

            <label for="form_message">Informações sobre a experiência profissional</label>
            <textarea class="form-control" name="candInstFunc"
                id="candInstFunc"></textarea>

        </div><!-- /End Form Group -->
    </div><!-- /End Message -->

    <!-- Submit Button -->
    <div class="col-md-12">
        <!-- Form Group -->
        <div class="form-group">
            <button name="submeter" id="submeter" type="submit" class="btn btn-gfort">Submeter</button>
        </div><!-- /End Form Group -->
    </div><!-- /End Submit Button -->

    
</form><!-- /End Form -->

Here is the jQuery I used to try to submit the form:

 <script>
    $(document).ready(function(){
       $("#submeter").on("click", function(){
           $("#formCandidatura").submit(); 
       });
    });
 </script>

action attribute: candidatura.php:

<?php

    //Tratamento das variáveis do formulário
    echo "<script>alert('Im here')</script>";
    $candNome      = $_POST['candNome'];
    $candDataNasc  = $_POST['candDataNasc'];
    $candNac       = addslashes($_POST['candNac']);
    $candNat       = addslashes($_POST['candNat']);
    $candGen       = addslashes($_POST['candGen']);
    $candMorada    = addslashes($_POST['candMorada']);
    $candCodPost   = $_POST['candCodPost'];
    $candCidade    = addslashes($_POST['candCidade']);
    $candEmail     = addslashes($_POST['candEmail']);
    $candTelefone  = intval($_POST['candTelefone']);
    $candTelemovel = intval($_POST['candTelemovel']);
    $candTipoDoc   = $_POST['candTipoDoc'];
    $candNDoc      = intval($_POST['candNDoc']);
    $candValDoc    = $_POST['candValDoc'];
    $candNif       = intval($_POST['candNif']);
    $candHabLit    = addslashes($_POST['candHabLit']);
    $candSitProf   = addslashes($_POST['candSitProf']);
    $candGrau      = addslashes($_POST['candGrau']);
    $candInstGrau  = addslashes($_POST['candInstGrau']);
    if ($_POST['candDataGrau'] !== "") {
        $candDataGrau = $_POST['candDataGrau'];
    } else {
        $candDataGrau = "1000-01-01";
    }
    $candInstFunc  = addslashes($_POST['candInstFunc']);
    $data = date("Y-m-d H:i:s");
    $query = "INSERT INTO tbl_candidatos(cand_nome, cand_datanasc, cand_nac, cand_nat, cand_gen, cand_morada, cand_codpost, cand_cidade, cand_email, cand_telefone, cand_telemovel, cand_tipodoc, cand_ndoc, cand_valdoc, cand_nif, cand_hablit, cand_sitprof, cand_grau, cand_instgrau, cand_datagrau, cand_instfunc, datainsc) VALUES ('$candNome','$candDataNasc','$candNac','$candNat','$candGen','$candMorada','$candCodPost','$candCidade','$candEmail','$candTelefone','$candTelemovel','$candTipoDoc','$candNDoc','$candValDoc', '$candNif','$candHabLit','$candSitProf','$candGrau','$candInstGrau','$candDataGrau','$candInstFunc', '$data')";
    die($query);
    $result = mysqli_query($link, $query); // Executa a instrução MYSQL
    if($result){
        echo "<script>alert('Dados Guardados com sucesso');</script>";
        print "<script>top.location = 'adminpanel.php?id=7';</script>";
    } else {
        echo "<script>alert('ERRO!!! Dados não guardados...');</script>";
    }
?>

Answer

After so much time trying to fix the issue I gradually removed my code from the page leaving only the form and it worked just fine. Then, I realized that it was a class from a div that was causing the issue of not letting the form be submitted.

 <div class="form-block contact-form-block">

The class form-block had a property “display: table” which specifies the display behavior of the div and it was making the div to behave like a table.
Since my from was inside the div, it wouldn’t submit because a form is not allowed to be a child element of a table.