<html lang="pt-pt" dir="ltr"><head></head><body>### [Como Desativar Mensagens de Erro de Validação](https://wpforms.com/developers/how-to-disable-validation-error-messages/)

**Publicado:** 15 de agosto de 2023
**Autor:** Equipe Editorial

**Resumo:** Este tutorial mostrará como desativar mensagens de erro de validação usando CSS para todos os WPForms ou apenas para um único formulário.

**Conteúdo:**

## Visão Geral

Gostaria de desativar as mensagens de erro de validação, mas ainda manter a representação visual do erro?

Por padrão, quando um campo falha na validação em um formulário, você verá uma borda ao redor do campo, mas também algum texto com um ícone explicando a falha na validação. Você pode facilmente alterar o texto dessas verificações de validação nas configurações do WPForms. Para mais informações sobre como alterar este texto, [por favor, revise este guia útil](https://wpforms.com/docs/customize-wpforms-validation-messages/ "Alterando Mensagens de Validação").

![as falhas de validação exibirão algum texto e ícone abaixo do campo com o motivo pelo qual a validação falhou](https://wpforms.com/wp-content/uploads/2023/08/wpforms-disable-validation-text-before.jpg)

Com um pequeno trecho de CSS, você pode facilmente ocultar o texto e o ícone que são exibidos quando um campo obrigatório não é preenchido, mas ainda permitir que o campo seja destacado em vermelho, fornecendo uma representação visual do erro. Neste tutorial, mostraremos o CSS necessário para desativar essas mensagens.

## Adicionando o trecho

Para desativar este texto de erro, basta copiar e colar este trecho de CSS no seu site.

Se precisar de ajuda sobre como e onde adicionar trechos de CSS ao seu site, [por favor, revise este guia útil](https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/ "Como Adicionar Estilos CSS Personalizados para WPForms").

```

/* Desativar mensagens de erro de validação de formulário */
/* @link https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/ */
.wpforms-field-required ~ em, input.wpforms-error ~ em {
  display: none !important;
}
.wpforms-field-required ~ em, input.wpforms-error ~ em {
  display: none !important;
}
```

Este CSS desativará todas as mensagens de erro de validação dentro do WPForms para todos os formulários. Ainda haverá uma borda vermelha ao redor do campo, fornecendo um guia visual do motivo pelo qual o formulário não foi enviado, mas a mensagem de erro e o ícone não serão mais visíveis.

![este trecho de CSS desativará as mensagens de erro de validação para todos os formulários WPForms](https://wpforms.com/wp-content/uploads/2023/08/wpforms-disable-validation-text-after.jpg)

Se você quiser direcionar apenas um formulário, usaria este CSS.

```

/* Desativar mensagens de erro de validação de formulário */
/* @link https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/ */
.wpforms-field-required ~ em, input.wpforms-error ~ em {
  display: none !important;
}
form#wpforms-form-3602 .wpforms-field-required ~ em, form#wpforms-form-3602 input.wpforms-error ~ em {
    display: none;
}
```

Basta alterar o **-3602** no CSS para corresponder ao seu próprio ID de formulário. Se precisar de ajuda para encontrar o seu ID de formulário, [consulte este tutorial](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/ "Como Localizar o ID do Formulário e o ID do Campo").

E é tudo o que você precisa para desativar as mensagens de erro de validação! Gostaria também de alterar o ícone de campo obrigatório que é exibido em seus formulários? Confira nosso tutorial sobre [Como Alterar o Indicador de Campo Obrigatório](https://wpforms.com/developers/how-to-change-the-required-field-indicator/ "Como Alterar o Indicador de Campo Obrigatório").

**Categorias:** Snippets

**Tags:** CSS

---</body></html>