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 controle deslizante de números não inclui uma opção obrigatória, mas você pode adicionar validação personalizada.
Neste tutorial, mostraremos a validação no lado do servidor para formulários de página única e a validação no lado do cliente para formulários de várias páginas que bloqueiam as alterações na página até que um valor válido seja selecionado.
Se precisar de ajuda para adicionar código, consulte nosso tutorial sobre como adicionar snippets PHP personalizados.
Do lado do servidor: Validate on Submit (melhor para formulários de página única)
Esse snippet usa o wpforms_process_validate_number-slider para verificar o valor do controle deslizante 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.
Essa validação é executada depois que todo o formulário é enviado. Em formulários de várias páginas, ela mostra um erro somente após o envio final. Ela não bloqueia a movimentação entre as páginas.
Do lado do cliente: Mudança de página de bloco (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. Esse snippet gera um pequeno script que escuta o comando wpformsBeforePageChange e interrompe a mudança de página se o valor do controle deslizante estiver abaixo do mínimo.
É isso aí. Agora você sabe como validar o campo Number Slider para formulários de página única e de várias páginas.