Adicionando validação ao campo do controle deslizante de números (formulários de página única e de várias páginas)

Gostaria de exigir um valor no campo do cursor numérico ou impedir que os utilizadores passem para a página seguinte até que seja selecionado um valor mínimo? O Controlo Deslizante de Números não inclui uma opção 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 bloqueia as 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 como adicionar snippets de PHP personalizados.

Do lado do servidor: Validar no envio (melhor para formulários de página única)

Este snippet usa o wpforms_process_validate_number-slider para verificar o valor da barra deslizante após a submissão. Se o valor apresentado for 0 (ou abaixo do seu limite), acrescenta um erro de campo e impede que a entrada seja guardada.

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

Do lado do cliente: Mudança de página em 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 página seguinte. Este snippet gera um pequeno script que escuta o comando wpformsBeforePageChange e pára a mudança de página se o valor da barra deslizante for inferior ao mínimo.

É isso aí. Agora já sabe como validar o campo Number Slider para formulários de uma e várias páginas.