Adicionando Validação ao Campo Slider de Número (Formulários de Página Única e Múltiplas Páginas)

Você gostaria de exigir um valor no campo Number Slider ou impedir que os usuários passem para a próxima página até que um valor mínimo seja selecionado? O Number Slider não inclui uma opção de Obrigatório, mas você 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 bloqueiam alterações de página até que um valor válido seja selecionado.

Se precisar de ajuda para adicionar código, consulte nosso tutorial sobre adição de trechos PHP personalizados.

Lado do Servidor: Validar no Envio (melhor para formulários de página única)

Este trecho usa a ação wpforms_process_validate_number-slider para verificar o valor do slider após o envio. Se o valor enviado for 0 (ou abaixo do seu limite), ele adiciona um erro de campo e impede que a entrada seja salva.

Esta validação é executada após o envio de todo o formulário. Em formulários de várias páginas, isso mostra um erro apenas após o envio final. Não impede a navegação entre as 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 passe para a próxima página. Este trecho gera um pequeno script que escuta o evento wpformsBeforePageChange e interrompe a alteração da página se o valor do slider estiver abaixo do seu mínimo.

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