O formulário GatsbyJS + Netlify não recebe envios

querida

Então, eu tenho um site que estou hospedando no Netlify. Eu segui a documentação que eles têm em seu site (sobre os formulários) e o nome do formulário aparece no meu painel Netlify após a implantação, mas nenhum dos envios está passando.

Posso ter ajuda com isso?

Aqui está o formulário que está em meu componente Contact.js:

<form
  name="contact-me"
  method="post"
  action="/success"
  data-netlify="true"
  data-netlify-honeypot="bot-field"
>
  <input type="hidden" name="bot-field" />
  <label htmlFor="name">
    Name: <input type="text" name="name" id="name" required />
  </label>
  <label htmlFor="email">
    Email: <input type="email" name="email" id="email" required />
  </label>
  <label htmlFor="message">
    Message: <textarea name="message" id="message" required />
  </label>
  <footer className="major">
    <ul className="actions">
      <li>
        <button type="submit" className="button small special">
          Send
        </button>
      </li>
      <li>
        {/* eslint-disable-next-line */}
                    <button type="reset" className="button small">
          Clear
        </button>
      </li>
    </ul>
  </footer>
</form>

Claro, estou usando Gatsby para construir o site.

Informe se devo colocar o link para meu repo aqui.

obrigado

talves

A maneira mais rápida de testar o que o netlify verá usando um site Gatsby:

  • desative o javascript em seu navegador para o site
  • vá para a página de contato sem javascript
  • ver o código-fonte da página (página que o netlify usa para registrar o formulário)
  • veja o formulário e certifique-se de que existe o valor para o que o Netlify requer
  • Requer data-netlify="true"no formulário
<form name="contact" method="POST" data-netlify="true">
  <p>
    <label>Email: <input type="text" name="name" /></label>
  </p>
  <p>
    <label>Message: <textarea name="message"></textarea></label>
  </p>
  <p>
    <button type=”submit”>Send</button>
  </p>
</form>

Se estiver configurado corretamente, seu formulário deve processar corretamente no SPA e registrar os campos de entrada corretamente.

Este artigo é coletado da Internet.

Se houver alguma infração, entre em [email protected] Delete.

editar em
0

deixe-me dizer algumas palavras

0comentários
loginDepois de participar da revisão

Artigos relacionados

Os envios do formulário Netlify estão em branco

Os envios do formulário Netlify estão em branco

Os envios de formulários do Netlify "bem-sucedidos" não aparecem no painel

Envios de formulário na atualização da página

O Netlify não reconhece o formulário no aplicativo nuxt

Javascript localStorage não recebe entrada do formulário

O formulário não recebe um ID de formulário individual

O formulário não recebe um ID de formulário individual

O formulário que estava oculto na criação não recebe mensagens de difusão

Por que o formulário não recebe dados selecionados no AntD?

O Lumen não recebe nenhum arquivo dos dados do formulário que foi enviado

O controlador não recebe todas as propriedades de volta do formulário

Bootstrap JavaScript para desativar os envios de formulários se houver campos inválidos e o restante do formulário não estiver funcionando conforme o esperado

Vários envios de formulários usando a mesma função

O concessionário ZMQ não recebe mensagem com asyncio

O modelo não recebe dicionário de contexto completo

Por que meu serviço da web não recebe nenhum dado do meu formulário HTML?

Por que meu formulário de contato do Netlify não está funcionando?

Por que meu formulário de contato do Netlify não está funcionando?

O formulário com estado de reação enviado com o Netlify sempre retorna 404

Por que meu formulário html do Netlify funciona, mas não redireciona para uma página de confirmação?

React conecta a função atualizadora 'useState ()' com axios.post em envios de formulários

Como posso fazer com que a formatação se aplique a novos envios de formulários?

Publicação de envios de formulários com a API KOBO REST

Usar CSS muda o plano de fundo do formulário apenas quando um dos filhos recebe o foco

Adicionar ao Slack - estrutura do MS Bot - o diretório do bot não está mais aceitando novos envios

O arquivo em lote não recebe o nome do diretório até a segunda execução

O arquivo em lote não recebe o nome do diretório até a segunda execução

O Script de aplicativos do Google não registra envios

TOP lista

  1. 1

    R Shiny: use HTML em funções (como textInput, checkboxGroupInput)

  2. 2

    UITextView não está exibindo texto longo

  3. 3

    Dependência circular de diálogo personalizado

  4. 4

    Acessando relatório de campanhas na AdMob usando a API do Adsense

  5. 5

    Como assinar digitalmente um documento PDF com assinatura e texto visíveis usando Java

  6. 6

    R Folheto. Dados de pontos de grupo em células para resumir muitos pontos de dados

  7. 7

    Setas rotuladas horizontais apontando para uma linha vertical

  8. 8

    O Chromium e o Firefox exibem as cores de maneira diferente e não sei qual deles está fazendo certo

  9. 9

    Definir um clipe em uma trama nascida no mar

  10. 10

    Por que meus intervalos de confiança de 95% da minha regressão multivariada estão sendo plotados como uma linha de loess?

  11. 11

    Como dinamizar um Dataframe do pandas em Python?

  12. 12

    regex para destacar novos caracteres de linha no início e no fim

  13. 13

    Why isn't my C# .Net Core Rest API route finding my method?

  14. 14

    Como obter a entrada de trás de diálogo em treeview pyqt5 python 3

  15. 15

    Tabela CSS: barra de rolagem para a primeira coluna e largura automática para a coluna restante

  16. 16

    How to create dynamic navigation menu select from database using Codeigniter?

  17. 17

    Como recuperar parâmetros de entrada usando C #?

  18. 18

    Changing long, lat values of Polygon coordinates in python

  19. 19

    Livros sobre criptografia do muito básico ao muito avançado

  20. 20

    Método \ "POST \" não permitido no framework Django rest com ações extras & ModelViewset

  21. 21

    Pesquisa classificada, conte números abaixo do valor desejado

quentelabel

Arquivo