Как избежать модального закрытия, если ошибки в проверке (php)? - PullRequest
Новая
       15

Как избежать модального закрытия, если ошибки в проверке (php)?

2 голосов
/ 24 апреля 2019 

var btnAbrirPopup = document.getElementById('btn-abrir-popup'),
	abrirPopup= document.getElementById('abrir-popup'),
	abrirPopupFooter= document.getElementById('abrir-popup-footer'),
	overlay = document.getElementById('overlay'),
	popup = document.getElementById('popup'),
	btnCerrarPopup = document.getElementById('btn-cerrar-popup');
	

btnAbrirPopup.addEventListener('click', function(){
	overlay.classList.add('active');
	popup.classList.add('active');
});

abrirPopup.addEventListener('click', function(){
	overlay.classList.add('active');
	popup.classList.add('active');
});

abrirPopupFooter.addEventListener('click', function(){
	overlay.classList.add('active');
	popup.classList.add('active');
});

btnCerrarPopup.addEventListener('click', function(e){
	e.preventDefault();
	overlay.classList.remove('active');
	popup.classList.remove('active');
});
<div class="overlay" id="overlay">
  <div class="popup" id="popup">
  <?php
    if(isset($errores)):?>
      <ul class="alert alert-danger">
        <?php
        foreach ($errores as $key => $value) :?>
          <li> <?=$value;?> </li>
          <?php endforeach;?>
      </ul>
    <?php endif;?>

    <a href="#" id="btn-cerrar-popup" class="btn-cerrar-popup"><i class="fas fa-times-circle"></i></a>
    <h3>Registrate!</h3>
    <h4>Y forma parte de nuestra comunidad!</h4>
    <form action="" method="POST" enctype= "multipart/form-data" >
      <div class="contenedor-inputs">
        <input name="nombre" type="text" id="nombre"  value="<?=(isset($errores["nombre"]) )? "" : inputUsuario("nombre");?>" placeholder="Nombre">
        <input name="apellido" type="text" id="apellido"  value="<?=(isset($errores["apellido"]) )? "" : inputUsuario("apellido");?>" placeholder="Apellido">
        <input name="email" type="text" id="email" value="<?=isset($errores["email"])? "":inputUsuario("email") ;?>" placeholder="Correo">
        <input name="password" type="password" id="password" value="" placeholder="Contraseña">
        <input name="repassword" type="password" id="repassword" value="" placeholder="Confirmar Contraseña">
        <input  type="file" name="avatar" value=""/>
      </div>
      <input type="submit" name="registro" class="btn-submit" value="Enviar">
    </form>
  </div>
</div>

При нажатии кнопки «Отправить» модальное окно закрывается даже при наличии ошибок.Хотелось бы избежать этого.

Когда я снова открываю модальные ошибки, они появляются, но хотелось бы, чтобы модальное окно оставалось открытым и закрывалось, только если во время проверки нет ошибок.

Я оставляю HTML и JS,СПАСИБО!

...