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

Luiz Gouvea

Junior Conceição

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