D�vida em adicionar um addClass Jquery a uma mensagem.

19/10/2021

Bom, estou criando uma modal com um form de cadastro, e antes do meu btn-salvar, adicionei uma div para mostrar uma mensagem - seja o cadastro conclu�do ou n�o.

 <!-- Modal -->
<div class="modal fade" id="modal" 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" id="exampleModalLabel">Cadastro de M�dicos</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">�</span>
				</button>
			</div>
			<div class="modal-body">
.....
<div id="mensagem" class=""> 
						
					</div>


					<div class="modal-footer">
						<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>

						<button name="btn-salvar" id="btn-salvar" class="btn btn-primary">Salvar</button>

Criei em Jqery ajax para inser��o de dados um script para adicionar uma class no css - caso a resposta seja positiva ou negativa.

<script type="text/javascript">
		$(document).ready(function(){
			$(''#btn-salvar'').click(function(event){
				event.preventDefault();
				$.ajax({
					url: "funcionarios/inserir.php",
					method: "post",
					data:$(''form'').serialize(),
					dataType:"text",
					success: function(mensagem){

						if(mensagem == ''Cadastrado com Sucesso''){
							$(''#mensagem'').addClass(''mensagem-sucesso'')
						}
						
						$(''#mensagem'').text(mensagem)

					},
				})
			})
		})

E aqui est� o meu php :


//VERIFICAR SE O FUNCION�RIO J� EST� CADASTRADO
$res_c = $pdo->query("select * from funcionarios where cpf = ''$cpf''");
$dados_c = $res_c->fetchAll(PDO::FETCH_ASSOC);
$linhas = count($dados_c);
if($linhas == 0){
	$res = $pdo->prepare("INSERT into funcionarios (nome, cpf) values (:nome, :cpf) ");

	$res->bindValue(":nome", $nome);
	$res->bindValue(":cpf", $cpf);
	

	$res->execute();


	echo "Cadastrado com Sucesso";

}else{
	echo "Este Funcion�rio j� est� cadastrado!!";
}

Aqui est� meu css :

.mensagem-sucesso{
	font-size:16px;
	color:green;
	text-align:center;
}


.mensagem-erro{
	font-size:16px;
	color: yellow;
	text-align:center;
}

A d�vida �: O meu "if(mensagem == ''Cadastrado com Sucesso''){
era pra pegar a class de mensagem-sucesso. Sendo que ele n�o adiciona class nenhuma quando a condi��o � verdadeira.
E quando coloco mensagem != ''Cadastrado com Sucesso")
ele adiciona a class de mensagem-sucesso.
N�o entendi nada.. bugado total! alguem pode dar uma luz ?

Davi Matos

Curtir t�pico + 0

Responder