ajax Ajax script não esta ocultando popup modal - $("#dataModal").modal('hide');

[michelmir 0]

Olá a todos.

 

Tenho um formulário que esta inserido em um código Bootstrap Modal. Quando os valores são inseridos nos campos input, o Ajax script passa esses valores para um arquivo php e retorna com um alert de sucesso. O que ocorre é que somente o alert aparece, porém quando clica no botão OK deste alerta o Modal não fecha. Abaixo segue o código do popup Modal e o script Ajax:

<button type="button" class="btn btn-block btn-primary" data-toggle="modal" data-target="#dataModal"></button>

<!-- Modal -->
<div class="modal fade" id="dataModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">	  
        <h5 class="modal-title" >Adicionar dados</h5> 
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
	  
      <div class="modal-body">
	
<form id="usersform" method="post">
     <input type="text" name="nome" id="nome"/>
       <input type="email" name="email" id="email"/>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">CANCELAR</button>      
		<button type="submit" class="btn btn-success" id="submit" >ADD USER</button>
</form>
	  </div>	  
    </div>
  </div>
</div>

E abaixo segue o Ajax script ao qual faz a passagem dos valores input para o arquivo insert.php que no caso funciona corretamente inserindo os dados no banco de dados:

<script>

$(document).on('submit', '#usersform', function(event){
		event.preventDefault();
    $.ajax({
				url:"insert.php",
				method:'POST',
				data:new FormData(this),
				contentType:false,
				processData:false,
				success:function(data){
					alert("Cadastro realizado com sucesso!");					
					$("#usersform")[0].reset();
					$("#dataModal").modal('hide');
					
				}
});
});

</script>

O que ocorre é que o popup Modal não fecha apesar do código $("#dataModal").modal('hide'); estar após o alert e nem "zera" os campos após o resultado de sucesso. Os dados são inseridos normalmente após clicar no "ok" da tela de mensagem do alert. O que pode ser? Obrigado.

[Dimitry 0]

Vê se não tens dois id´s igual dataModal