Visão geral
Você 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 alterar facilmente o texto dessas verificações de validação nas configurações do WPForms. Para obter mais informações sobre como alterar esse texto, consulte este guia útil.
Com um pequeno trecho de CSS, você pode ocultar facilmente o texto e o ícone que são exibidos quando um campo obrigatório não é preenchido, mas ainda permite que o campo seja destacado em vermelho, dando uma representação visual do erro. Neste tutorial, mostraremos o CSS necessário para desativar essas mensagens.
Adicionando o snippet
Para desativar esse texto de erro, basta copiar e colar esse trecho de CSS em seu site.
Se precisar de ajuda sobre como e onde adicionar snippets de CSS ao seu site, consulte este guia útil.
/* Disable form validation error messages */
/* @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;
}
Esse CSS desativará todas as mensagens de erro de validação no 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 estarão mais visíveis.
Se você quiser direcionar apenas um formulário, use este CSS.
/* Disable form validation error messages */
/* @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 ID do formulário, consulte este tutorial.
E isso é tudo o que você precisa para desativar as mensagens de erro de validação! Gostaria de alterar também o ícone do campo obrigatório exibido em seus formulários? Confira nosso tutorial sobre Como alterar o indicador de campo obrigatório.