Adicionar Validação ao Campo Slider Numérico (Formulários de Página Única e Múltiplas Páginas)

Pretende exigir um valor no campo Number Slider ou impedir que os utilizadores avancem para a página seguinte até que um valor mínimo seja selecionado? O Number Slider não inclui uma opção de Obrigatório, mas pode adicionar validação personalizada.

Neste tutorial, mostraremos a validação do lado do servidor para formulários de página única e a validação do lado do cliente para formulários de várias páginas que impedem alterações de página até que um valor válido seja selecionado.

Se precisar de ajuda para adicionar código, consulte o nosso tutorial sobre adicionar snippets PHP personalizados.

Lado do Servidor: Validar na Submissão (melhor para formulários de página única)

Este snippet utiliza a ação wpforms_process_validate_number-slider para verificar o valor do slider após a submissão. Se o valor submetido for 0 (ou abaixo do seu limite), adiciona um erro de campo e impede que a entrada seja guardada.

Esta validação é executada após a submissão de todo o formulário. Em formulários de várias páginas, isto mostra um erro apenas após a submissão final. Não impede a navegação entre páginas.

Lado do Cliente: Bloquear Alteração de Página (melhor para formulários de várias páginas)

Para formulários de várias páginas, valide no navegador antes que o formulário avance para a página seguinte. Este snippet gera um pequeno script que escuta o evento wpformsBeforePageChange e para a alteração da página se o valor do slider estiver abaixo do seu mínimo.

É tudo. Agora sabe como validar o campo Number Slider para formulários de página única e várias páginas.