<html lang="pt-pt" dir="ltr"><head></head><body>### [Adicionar Validação ao Campo Number Slider (Formulários de Página Única e Múltiplas Páginas)](https://wpforms.com/developers/adding-validation-to-the-number-slider-field-single-page-and-multi-page-forms/)

**Publicado:** 8 de setembro de 2025
**Autor:** Umair Majeed

**Conteúdo:**

Gostaria de exigir um valor no campo Number Slider ou impedir que os utilizadores passem para a página seguinte até que um valor mínimo seja selecionado? O Number Slider 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 múltiplas 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 o nosso tutorial sobre [adicionar snippets PHP personalizados](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/).

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

Este snippet 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 múltiplas páginas, isso mostra um erro apenas após o envio final. Não bloqueia a navegação entre páginas.

## Lado do Cliente: Bloquear Alteração de Página (melhor para formulários de múltiplas páginas)

Para formulários de múltiplas páginas, valide no navegador antes que o formulário passe para a próxima página. 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.

É isso. Agora sabe como validar o campo Number Slider para formulários de página única e de múltiplas páginas.

**Categorias:** Tutoriais, Campos

---</body></html>