HTML Erro em botão com link

Junior Conceição · 5 de outubro de 2020

Estou tendo um problema ao adicionar um botão para excluir dados de um sistema. Tudo funciona perfeitamente, menos esse botão. Se eu tiro ele do código a página carrega normalmente, mas quando eu coloco, mostra uma página de erro. O 'EC' no código, são as iniciais de uma classe que controla o sistema, já o 'deletarConvidado' é o método a ser executado quando o botão for clicado, porém não há nada de errado neles por dois motivos: 1. a página toda não carrega, mesmo sem o botão ter sido clicado, só pelo fato de estar lá. 2. eu criei um botão da mesma forma em outra página html do mesmo projeto e ele funcionou normalmente.

Anexei um pdf com o erro que dá na página.

<!DOCTYPE html>
<html xmlns:th="http://thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
    <head>
        <title>EventosApp</title>
        <!--Import Google Icon Font-->
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>
      <!--Import materialize.css-->
      <link type="text/css" rel="stylesheet" href="materialize/css/materialize.min.css"  media="screen,projection"/>

      <!--Let browser know website is optimized for mobile-->
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
      
      <link rel="stylesheet" href="styles/style.css"/>
    </head>
    <body>
        <header>
            <nav>
                <div class="nav-wrapper">
                        <a href="#" class="brand-logo">Evento</a>
                    <ul id="nav-mobile" class="right hide-on-med-and-down">
                        <li><a href="/eventos" class="waves-effect waves-light btn"><i class="material-icons left">dehaze</i>Lista de Eventos</a></li>
                    </ul>
                </div>
            </nav>
        </header>
        <h3></h3>
        <div th:each="evento : ${evento}" class="container detalhesEvento">
            <h5>Detalhes do Evento</h5>
            <div class="row">
                <p>Nome: <span th:text="${evento.nome}"></span></p>
                <p>Local: <span th:text="${evento.local}"></span></p>
                <p>Data: <span th:text="${evento.data}"></span></p>
                <p>Horário: <span th:text="${evento.horario}"></span></p>
            </div>
        </div> 
            <th:block th:include="MensagemValidacao"></th:block>
        
        <div class="container formConvidado">
            <form method="post" th:object="${convidado}">
                Nome: <input type="text" value="" name="nomeConvidado"/>
                RG: <input type="text" value="" name="rg"/>
                <button class="waves-effect waves-light btn" type="submit">Adicionar</button>
            </form>
        </div>
        <table class="container tabelaConvidado">
            <thead>
                <tr>
                    <th>Nome do Convidado</th>
                    <th>Rg</th>
                    <th>Deletar</th>
                </tr>
            </thead>
            <tbody>
                <tr th:each="convidado : ${convidados}">
                    <td><span th:text="${convidado.nomeConvidado}"></span></td>
                    <td><span th:text="${convidado.rg}"></span></td>
                  
                  
                  <!--O erro ocorre na linha abaixo: -->
                  
                    <td><a class="waves-effect waves-light btn-small" th:href="${(#mvc.url('EC#deletarConvidado').arg(0, convidado.rg)).build()}"><i class="material-icons left">delete</i></a></td>
                </tr>
            </tbody>
        </table>
        <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
        <script type="text/javascript" src="materialize/js/materialize.min.js"></script>
    </body>
</html>

localhost_8080_11.pdf

Luiz Gouvea · 5 de outubro de 2020

Não faça em button class, faça em div e veja a diferença. exemplo:

<div class="botao">
  <div class="bto" type="submit">Enviar</div>
</div>

Junior Conceição · 5 de outubro de 2020

@Luiz Gouvea Cara, não entendi muito bem esse jeito que você falou. Como eu coloco o link pro método desse jeito?

Entrar

HTML Erro em botão com link

Posts recomendados

Junior Conceição

Link para o comentário

Compartilhar em outros sites

Luiz Gouvea

Link para o comentário

Compartilhar em outros sites

Junior Conceição

Link para o comentário

Compartilhar em outros sites

Crie uma conta ou entre para comentar

Criar uma conta

Entrar

Quem está navegando aqui 0 usuários estão online

Últimos tópicos

Livros

Cursos

Conteúdo recente

Sobre o Clube do Hardware

Direitos autorais

Mais

Fórum

Atividades

Artigos

Análises

Livros

Cursos