Visão geral
Gostaria de desativar as mensagens de erro de validação mas manter a representação visual do erro?
Por defeito, quando um campo falha a validação num formulário, verá uma borda à volta do campo mas também algum texto com um ícone a explicar a falha de 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 fragmento de CSS, pode ocultar facilmente o texto e o ícone que é apresentado quando um campo obrigatório não é preenchido, mas continua a permitir que o campo seja destacado a vermelho, dando uma representação visual do erro. Neste tutorial, vamos mostrar-lhe o CSS necessário para desativar estas mensagens.
Adicionar o snippet
Para desativar este texto de erro, basta copiar e colar este snippet CSS no seu site.
Se precisar de ajuda sobre como e onde adicionar trechos 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; }
Este CSS irá 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.
Se pretender direcionar apenas um formulário, deve utilizar 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 seu ID de formulário, consulte este tutorial.
E é tudo o que precisa para desativar as mensagens de erro de validação! Gostaria de alterar também o ícone do campo obrigatório que é apresentado nos seus formulários? Confira nosso tutorial sobre Como alterar o indicador de campo obrigatório.