Estou fazendo uma verificação em minha página para que o usuário sempre seja obrigado a selecionar uma cor
e um tamanho
mas o meu script não está funcionando corretamente, mesmo selecionando a cor e clicar no botão adicionar o alert
me pede para que a cor
seja selecionada.
O que tenho é isso, as opções de cor
e tamanho
:
<div class="tovar_color_select">
<p>SELECIONE A COR</p>
<?php foreach($ResCor as $ProdCor) { ?>
<a class="divCor" IdCor="<?php echo $ProdCor->IdCor; ?>" style="background-color:<?php echo $ProdCor->Cor ?>;"></a>
<?php } ?>
</div>
<div class="tovar_size_select">
<p>SELECIONE O TAMANHO</p>
<?php foreach($ResTamanho as $ProdTam) { ?>
<a class="divTamanho" IdTamanho="<?php echo $ProdTam->IdTamanho; ?>" ><?php echo $ProdTam->Nome; ?></a>
<?php } ?>
</div>
Aplicando as bordas nas opções de cor e tamanho:
.selBordaCor { border: solid 1px #363131 !important; } .selBordaTamanho { border: solid 1px #363131 !important; } // APLICANDO BORDA PARA COR $(document).ready(function(){ $(".divCor").on("click", function() { $(".divCor").each(function(){ $(this).removeClass("selBordaCor"); }) $(this).addClass("selBordaCor"); }) }) // APLICANDO BORDA PARA TAMANHO $(document).ready(function(){ $(".divTamanho").on("click", function() { $(".divTamanho").each(function(){ $(this).removeClass("selBordaTamanho"); }) $(this).addClass("selBordaTamanho"); }) })
Fazendo a verificação e dando o alert:
$(document).ready(function () { $('#Finalizar').click(function () { if (!$(this).hasClass("selBordaCor")) { jAlert('COR\nPor favor, selecione a cor para o modelo.', 'Atenção'); //alert("COR\nPor favor, selecione a cor para o modelo."); return false; } else if (!$(this).hasClass("selBordaTamanho")) { jAlert('TAMANHO\nPor favor, selecione o tamanho para o modelo.', 'Atenção'); //alert("TAMANHO\nPor favor, selecione o tamanho para o modelo."); return false; } else { // SE TUDO DE CERTO } }); });
Estou usando hasclass
para verificar se as bordas estão sendo aplicadas, mas não deu muito certo.
A página pode ser vista aqui: Acessa a página de exemplo