onsubmit não é executado

[bdexterholland 0]

Boa tarde,

 

Eu estou criando alguns forms via php para lançamento de comissão mês a mês para cada vendedor.

 

Eu pensei em usar ajax para submeter cada form individualmente para assim, agilizar o processo e diminuir chances de erro.

Estou tentando escrever uma rotina em javascript e associar ao OnSubmit dos forms.

 

Para gerar os forms, estou usando o seguinte código:

<?php 
				$VSQL = "SELECT email, nome FROM lds_usuarios ORDER BY nome";
				$VRES = mysqli_query($conn->getLink(), $VSQL);
				while($VLinha = mysqli_fetch_assoc($VRES)) {
					
					$nome = $VLinha['nome'];
					$email = $VLinha['email'];
					for($i = 1; $i <= 12; $i++) {
						$metas[$i] = 0;
						switch($i) {
							case 1: $mes[$i] = "Janeiro";break;
							case 2: $mes[$i] = "Fevereiro";break;
							case 3: $mes[$i] = "Março";break;
							case 4: $mes[$i] = "Abril";break;
							case 5: $mes[$i] = "Maio";break;
							case 6: $mes[$i] = "Junho";break;
							case 7: $mes[$i] = "Julho";break;
							case 8: $mes[$i] = "Agosto";break;
							case 9: $mes[$i] = "Setembro";break;
							case 10: $mes[$i] = "Outubro";break;
							case 11: $mes[$i] = "Novembro";break;
							case 12: $mes[$i] = "Dezembro";break;
						}
					}
					$ano = date('Y');
					
					$MSQL = "SELECT valor, inicio FROM lds_nivelmeta WHERE usuario = '$email' AND '$ano' = YEAR(inicio) ORDER BY inicio";
					$MRES = mysqli_query($conn->getLink(), $MSQL);
					while($MLinha = mysqli_fetch_assoc($MRES)) {
						$j = date('n', strtotime($MLinha['inicio']));
						$metas[$j] = $MLinha['valor'];
					}
					
					echo("\n" . '<div class="vmeta">');
					echo("\n" . '<form name="form-meta" onsubmit="submeterForm(this)">');
					echo("\n	<h3>$nome</h3>");
					
					echo('<input type="hidden" name="meta-usuario" id="meta-usuario" value="' . $email . '" />');
					echo('<input type="hidden" name="meta-ano" id="meta-ano" value="' . $ano . '" />');
					for($i = 1; $i <= 12; $i++) {
						echo("\n" . '		<div class="listaMetas">');
						echo("\n" . '			<div class="camposMetas">');
						echo("\n" . '				<div class="colunaMeta"><label>'.$mes[$i].'</label><input name="meta-mes-'.$mes[$i].'" id="meta-mes-'.$mes[$i].'" type="number" value="' . $metas[$i] . '" /></div>');
						echo("\n" . '			</div>');								
						echo("\n" . '		</div>');							
					}
					echo("\n" . '		<button class="btn btn-primary btn-block btn-md" type="submit">Salvar</button>');						
					echo("\n" . '</form>' . "\n");
					echo("\n" . '</div>' . "\n");
				}				
			?>

 

 

estou tentando capturar com este código:

 

var submeterForm = function(formulario) {
	var aux = formulario;
	window.alert(aux);
	return false;
}

Minha rotina não está sendo executada. Alguém poderia me ajudar a executar esta rotina apenas para os forms eu eu submeter?

[Sergio S. F. Pereira 39]

Atribua uma id diferente para cada formulário e crie uma função para monitorar os submits de qualquer formulário da página. Fiz umas pequenas alterações no seu código e funcionou aqui, eu comentei as linhas modificadas no código, tenta aí...

 

<script type="text/javascript" src="../../js/jquery-3.2.1.min.js"></script>
<script>
/*pegar os submits de todos os formulários*/
$(document).ready(function(){
  $("form").submit(function(){
  /*serialize para tranformar o object do formulário em string para poder visualizar no alert*/

   alert("Você esta enviando:" + $(this).serialize());
  return false;
  });
});
</script>
<?php 
$VSQL = "SELECT email, nome FROM lds_usuarios ORDER BY nome";
$VRES = mysqli_query($conn->getLink(), $VSQL);
while($VLinha = mysqli_fetch_assoc($VRES)) {
    
    $nome = $VLinha['nome'];
    $email = $VLinha['email'];
    for($i = 1; $i <= 12; $i++) {
        $metas[$i] = 0;
        switch($i) {
            case 1: $mes[$i] = "Janeiro";break;
            case 2: $mes[$i] = "Fevereiro";break;
            case 3: $mes[$i] = "Março";break;
            case 4: $mes[$i] = "Abril";break;
            case 5: $mes[$i] = "Maio";break;
            case 6: $mes[$i] = "Junho";break;
            case 7: $mes[$i] = "Julho";break;
            case 8: $mes[$i] = "Agosto";break;
            case 9: $mes[$i] = "Setembro";break;
            case 10: $mes[$i] = "Outubro";break;
            case 11: $mes[$i] = "Novembro";break;
            case 12: $mes[$i] = "Dezembro";break;
        }
    }
    $ano = date('Y');
    
    //criar um contador para os id´s dos forms
    $formID = 0;
    $MSQL = "SELECT valor, inicio FROM lds_nivelmeta WHERE usuario = '$email' AND '$ano' = YEAR(inicio) ORDER BY inicio";
    $MRES = mysqli_query($conn->getLink(), $MSQL);
    while($MLinha = mysqli_fetch_assoc($MRES)) {
        $j = date('n', strtotime($MLinha['inicio']));
        $metas[$j] = $MLinha['valor'];
    }
    
    echo("\n" . '<div class="vmeta">');
    //echo("\n" . '<form name="form-meta" onsubmit="submeterForm(this)">');
    //removi a função onsubmit e adicionei o método post para não jogar os dados do formulário na URL
    echo("\n" . '<form name="form-meta" id="' . $formID . ' method="post">');
    echo("\n    <h3>$nome</h3>");
    
    echo('<input type="hidden" name="meta-usuario" id="meta-usuario" value="' . $email . '" />');
    echo('<input type="hidden" name="meta-ano" id="meta-ano" value="' . $ano . '" />');
    for($i = 1; $i <= 12; $i++) {
        echo("\n" . '        <div class="listaMetas">');
        echo("\n" . '            <div class="camposMetas">');
        echo("\n" . '                <div class="colunaMeta"><label>'.$mes[$i].'</label><input name="meta-mes-'.$mes[$i].'" id="meta-mes-'.$mes[$i].'" type="number" value="' . $metas[$i] . '" /></div>');
        echo("\n" . '            </div>');                                
        echo("\n" . '        </div>');                            
    }
    echo("\n" . '        <button class="btn btn-primary btn-block btn-md" type="submit">Salvar</button>');                        
    echo("\n" . '</form>' . "\n");
    echo("\n" . '</div>' . "\n");
    //incrementar o contador das ids dos form´s
    $formID++;
}                
?>

[Sergio S. F. Pereira 39]

Depois de tudo ok é só você adicionar o seu método ajax na função js para salvar o conteúdo.