Página de Login em HTML parou de funcionar

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Página de Login em HTML parou de funcionar

Mensagem por Strilk 11.03.23 14:56

Detalhes da questão


Endereço do fórum: http://strilk.forumeiros.com
Versão do fórum: ModernBB

Descrição


O seguinte html:

HTML:

Não funciona mais, Anteriormente ele fazia o login de forma automática, e caso as infomções estivessem incorretas ele subia um alert dizendo que está incorreto, mas agora direciona e não loga.

Strilk

Strilk
****

Membro desde : 23/01/2018
Mensagens : 265
Pontos : 386

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Página de Login em HTML parou de funcionar

Mensagem por Sleep 11.03.23 18:53

Olá, @Strilk,

Altere o seu HTML para este:

Código:
<html>
  <head>
      <link rel="shortcut icon" href="https://i.imgur.com/X0HAxyU.png">
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title> POLÍCIA TTE</title>
      <meta name="google-site-verification" content="XKjtqjtZWGgIZYMo2uUC0hHjkV9F_g3egQ4icnx12sg">
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
      <style type="text/css">
        *,
        *::before,
        *::after {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        }
        html,
        body {
        height: 100%;
        }
        body {
        font-family: "Segoe UI", "Open Sans", "Helvetica Neue", "Ubuntu", "Helvetica", "Arial", "Trebuchet MS", sans-serif;
        font-size: 14px;
        color: #f6fbff;
        font-weight: 300;
        line-height: 1.5;
        background: #556b2f url(https://i.imgur.com/ZODAdEV.png);
        }
        /**
        * Begin tipografia.
        */
        a,
        a:active,
        a:link,
        a:visited,
        a:focus {
        color: #0A0A0A;
        text-decoration: none;
        border-bottom: solid 1px transparent;
        outline: 0;
        }
        a:hover {
        border-bottom-color: #0A0A0A;
        }
        a.fa:hover {
        border-bottom-color: transparent;
        color: #1f6db0;
        }
        .btn {
        border: solid 1px #e4e4e4;
        background: linear-gradient(180deg, #fff 0%, #efefef 100%);
        padding: .575rem 1.1rem;
        border-radius: .175rem;
        font-weight: 600;
        color: #686a6b;
        cursor: pointer;
        }
        .btn:focus {
        border-color: #d3d3d3;
        box-shadow: inset 0 -5px 40px rgba(120, 120, 120, 0.1), inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(0, 0, 0, 0.1);
        outline: none;
        }
        .btn:hover {
        box-shadow: inset 0 -100px rgba(108, 108, 108, 0.1);
        }
        .btn.btn-primary {
        border-radius: 3px;
        box-shadow: none;
        color: #fff;
        background: #0A0A0A;
        font-size: 14px;
        transition: linear all 125ms;
        }
        .btn.btn-primary:focus {
        border-color: #3275af;
        box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(56, 142, 216, 0.58);
        outline: none;
        }
        .btn.btn-primary:hover {
        background: #444;
        }
        .btn.btn-danger {
        color: #fff;
        border-color: #bd2c00;
        background: #e7592e;
        background: linear-gradient(180deg, #f86b40 0%, #bd2c00 100%);
        }
        .btn.btn-danger:focus {
        border-color: #aa2c05;
        box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(197, 53, 9, 0.66);
        outline: none;
        }
        .btn-progress {
        cursor: not-allowed;
        opacity: .657;
        }
        .form-control {
        background-color: #fff;
        border: 1px solid #d4d4d4;
        padding: 6px 8px;
        margin: 10px 0 0;
        display: block;
        width: 100%;
        font-size: 16px;
        color: #555;
        line-height: 20px;
        border-radius: 3px;
        box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
        outline: none;
        }
        .form-control:focus {
        border-color: #0A0A0A;
        box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(254, 196, 0, 0.3);
        outline: none;
        }
        /*
        * End tipografia.
        **/
        .wrapper {
        max-width: 400px;
        width: 30%;
        position: absolute;
        top: 5%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        }
        .wrapper hgroup {
        text-align: center;
        }
        .wrapper hgroup i.fa {
        font-size: 4em;
        }
        .wrapper hgroup h1 {
        font-weight: 300;
        margin: 10px 0;
        padding: 0;
        color: #fff;
        }
        .wrapper form {
        border: solid 1px #d4d4d4;
        margin: 0 0 25px;
        padding: 20px;
        color: #555;
        border-radius: 4px;
        background-color: #fff;
        }
        .wrapper form .form-group {
        margin-bottom: 25px;
        }
        .wrapper form .form-group:last-child {
        margin-bottom: 0px;
        }
        .wrapper form .form-group label {
        display: table;
        }
        .wrapper form .form-group .form-group-col {
        position: relative;
        }
        .wrapper form .form-group .form-group-col a {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        }
        .wrapper footer {
        border: solid 1px #d6d6d6;
        border-radius: 3px;
        padding: 13px;
        text-align: center;
        font-size: 16px;
        color: #555;
        background-color: #fff;
        }
        /**
        * FOR JS Styles:
        */
        .locked-bar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background-color: #79a8d1;
        height: 5px;
        width: 0;
        z-index: 9998;
        }
        .alert {
        padding: 20px;
        border: solid 1px;
        position: relative;
        text-align: center;
        z-index: 9997;
        }
        .alert .alert-icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 20px;
        }
        .alert .alert-close {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        cursor: pointer;
        }
        #login-form,
        footer {
        box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.16);
        }
        .alert .alert-close:hover {
        color: #212121;
        }
        .alert.alert-danger {
        background-color: #ffddd3;
        border-color: #d18a75;
        color: #902605;
        }
        .alert.alert-info {
        background-color: #d9edf7;
        border-color: #b4dff6;
        color: #31708f;
        }
        .alert.alert-danger.alert-invalid-userdata {
        border: none;
        border-top: solid 1px #d18a75;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        }
        .alert.alert-info.loging-info {
        border: none;
        border-bottom: solid 1px #b4dff6;
        padding-top: 25px;
        }
        .alert.alert-info.loging-info .alert-close {
        display: none;
        }
        .title h2 {
        font-weight: 300;
        margin-bottom: 20px;
        text-align: center;
        }
        @media screen and (max-width: 900px) {
        .wrapper {
        width: 40%;
        }
        }
        @media screen and (max-width: 600px) {
        .alert .alert-close {
        position: static;
        transform: none;
        display: block;
        margin-top: 10px;
        }
        .alert .alert-icon {
        position: static;
        transform: none;
        display: block;
        margin-bottom: 10px;
        }
        .wrapper {
        width: 70%;
        }
        }
        @media screen and (max-width: 500px) {
        .wrapper {
        width: 80%;
        }
        }
        @media screen and (max-width: 400px) {
        .wrapper {
        width: 90%;
        }
        }
      </style>
  </head>
  <body>
      <main class="wrapper">
        <hgroup>
            <img src="https://i.imgur.com/4xJ7AcS.png" style="position: center;height:200px;width:200px;">
        </hgroup>
        <form action="/login" id="login-form">
            <div class="title">
              <h2><i class="fa fa-sign-in"></i> Login</h2>
            </div>
            <div class="form-group">
              <div class="form-group-col">
                  <label for="login-username">Usuário:</label>
                  <a href="/register"><i class="fa fa-user-plus"></i> Criar conta</a>
              </div>
              <input type="text" id="login-username" class="form-control" autocomplete="off" required="">
            </div>
            <div class="form-group">
              <div class="form-group-col">
                  <label for="login-password">Senha:</label> <a href="/profile?mode=sendpassword" tabindex="-1"><i class="fa fa-key"></i> Esqueceu a senha?</a>
              </div>
              <input type="password" id="login-password" class="form-control" autocomplete="off" required="">
            </div>
            <div class="form-group">
              <button type="submit" class="btn btn-primary" style="width: 100%;">Conectar-se</button>
            </div>
        </form>
      </main>
      <!-- JavaScripts -->
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script type="text/javascript">
        (function ($) {
          'use strict';
       
          $(function () {
       
            var $bar = $('<div>', {
              'class': 'locked-bar',
              'style': ''
            });
       
            $('form').on('submit', function (event) {
       
              if ($(this).find('.btn-progress').length > 0) {
                return false;
              }
       
              event.preventDefault();
       
              $(this)
                .find('button[type="submit"]')
                  .html(function () {
       
                    if ($(this).is('.btn-progress')) {
                      return $(this).html();
                    }
       
                    return '<i class="fa fa-circle-o-notch fa-spin"></i> ' + $(this).html();
                  })
                    .addClass('btn-progress')
              ;
       
              alert.info([
                '<i class="fa fa-circle-o-notch fa-spin"></i> Carregando...',
                'Seja bem-vindo(a) ao fórum da <strong>Tropa Tática Especializada!</strong>!'
              ].join('<br />\n'), 'loging-info');
       
              $bar
                .css('width', 0)
                  .appendTo('body')
                    .animate({
                      width: '100%',
                    }, {
       
                      duration: 40000,
                      easing: 'linear',
       
                      progress: function () {
                        $('input').prop('disabled', true);
       
                        $('html').addClass('is-locked');
                      },
       
                      done: function () {
       
                        $('input').prop('disabled', false);
       
                        $bar.remove();
       
                        $('.btn-progress')
                          .removeClass('btn-progress btn-danger')
                            .addClass('btn-primary')
                              .find('.fa')
                                .remove()
                        ;
       
                        $('html').removeClass('is-locked');
                        $('.loging-info').remove();
                      }
                    })
              ;
       
              $.post('/login', {
                username: $('#login-username').val(),
                password: $('#login-password').val(),
                autologin: 'on',
                login: ''
              })
                .done(function (context) {
       
                  if ($('a[href="/register"]', context).length !== 0) {
                    alert.danger([
                      'Você especificou um usuário e/ou senhas incorreto(s)!',
                'Para a sua segurança, você só poderá tentar fazer login novamente dentro de <strong>um minuto</strong>.'
                    ].join('<br />\n'), 'alert-invalid-userdata');
       
                    $('.btn-progress')
                      .addClass('btn-danger')
                        .removeClass('btn-primary')
                          .find('.fa')
                            .removeClass('fa-circle-o-notch fa-spin')
                              .addClass('fa-exclamation-triangle')
                    ;
       
                    return;
                  }
       
                  location.pathname = '/forum';
                })
                .fail(function (pa1, pa2) {
       
                  $bar.stop().remove();
       
                  $('.btn-progress')
                    .removeClass('btn-progress')
                      .find('i.fa')
                        .remove()
                  ;
       
                  $('html').removeClass('is-locked');
                  $('.loging-info').remove();
       
                  alert.danger([
                    'Erro geral. [AJAX ERROR]',
                    'Tente novamente. Caso o problema continue, contate o suporte técnico.'
                  ].join('<br />\n'), 'alert-invalid-userdata');
                })
              ;
       
            });
       
            window.alert = {
              danger: function (content, alertClass, selector) {
                if (!selector) {
                  $('body').prepend([
                    '<div class="alert alert-danger ' + alertClass + '">',
                    '  <i class="alert-icon fa fa-exclamation-triangle"></i>',
                    '  <span class="alert-text">', content, '</span>',
                    '  <span class="alert-close fa fa-times"></span>',
                    '</div>'
                  ].join('\n'));
       
                  return;
                }
       
                $(selector).prepend([
                  '<div class="alert alert-danger ' + alertClass + '">',
                  '  <i class="alert-icon fa fa-exclamation-triangle"></i>',
                  '  <span class="alert-text">', content, '</span>',
                  '  <span class="alert-close fa fa-times"></span>',
                  '</div>'
                ].join('\n'));
              },
       
              info: function (content, alertClass, selector) {
                if (!selector) {
                  $('body').prepend([
                    '<div class="alert alert-info ' + alertClass + '">',
                    '  <i class="alert-icon fa fa-info"></i>',
                    '  <span class="alert-text">', content, '</span>',
                    '  <span class="alert-close fa fa-times"></span>',
                    '</div>'
                  ].join('\n'));
       
                  return;
                }
       
                $(selector).prepend([
                  '<div class="alert alert-danger ' + alertClass + '">',
                  '  <i class="alert-icon fa fa-info"></i>',
                  '  <span class="alert-text">', content, '</span>',
                  '  <span class="alert-close fa fa-times"></span>',
                  '</div>'
                ].join('\n'));
              }
            };
       
            $('body')
              .on('click', '.alert-close', function () {
                $(this).parents('.alert').remove();
              })
            ;
          });
        }(jQuery));
      </script>
  </body>
</html>

Atenciosamente,
Sleep
Sleep

Sleep
Ajudeiro
Ajudeiro

Membro desde : 10/08/2012
Mensagens : 1104
Pontos : 1338

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página de Login em HTML parou de funcionar

Mensagem por Strilk 11.03.23 19:01

Não corrigiu.
Strilk

Strilk
****

Membro desde : 23/01/2018
Mensagens : 265
Pontos : 386

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Página de Login em HTML parou de funcionar

Mensagem por tikky 13.03.23 10:25

Olá @Strilk,

Substitua no seu código
Código:
if ($('a[href="/register"]', context).length !== 0) {
Código:
if(context.search('Introduziu um nome de usuário desativado ou inexistente, ou uma senha incorreta') > 0) {
Atenciosamente,
pedxz.


Última edição por pedxz em 13.03.23 14:08, editado 1 vez(es)
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7816
Pontos : 9062

Ir para o topo Ir para baixo

Tópico resolvido Re: Página de Login em HTML parou de funcionar

Mensagem por Strilk 13.03.23 13:34

Após a alteração a ágina fica carregando infinitamente com o login errado (não sobe o ajax de erro), mas ao inserir login corretor fica carregando infinitamente também. segue print>

https://prnt.sc/-IGQEVa011n-
Strilk

Strilk
****

Membro desde : 23/01/2018
Mensagens : 265
Pontos : 386

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Página de Login em HTML parou de funcionar

Mensagem por tikky 13.03.23 14:08

Strilk escreveu:Após a alteração a ágina fica carregando infinitamente com o login errado (não sobe o ajax de erro), mas ao inserir login corretor fica carregando infinitamente também. segue print>

https://prnt.sc/-IGQEVa011n-
Atualizei a mensagem acima. Enganei-me numa palavra, peço desculpa volte a atualizar
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7816
Pontos : 9062

Ir para o topo Ir para baixo

Tópico resolvido Re: Página de Login em HTML parou de funcionar

Mensagem por Strilk 13.03.23 16:43

Pode fechar, consegui.
Strilk

Strilk
****

Membro desde : 23/01/2018
Mensagens : 265
Pontos : 386

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Página de Login em HTML parou de funcionar

Mensagem por tikky 13.03.23 18:40

Tópico resolvido


Movido para "Questões resolvidas".
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7816
Pontos : 9062

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos