Validação de Formulários com SPRY: Parte 2

Neste tutorial, darei continuidade a criação de formulários dinâmicos utilizando o Dreamweaver CS3.

Introdução

No tutorial anterior, procurei mostrar algumas funções do Spry com relação à validação de campos de texto e e-mail. Nesta 2ª parte mencionarei como aplicar o Spry em outros elementos de formulários.

Pré-Requisitos

• Validação de Formulários com SPRY – Parte 1
• Facilidade com o manuseio do Dreamweaver CS3
• Facilidade na criação de formulários e entendimento de seus elementos

Objetivo

• Aplicar outras funções Spry do Dreamweaver CS3 em elementos do formulário.

Conceito

Vou ir direto ao ponto, ok?! Caso hajam dúvidas conceituais, recomendo acompanhar a parte 1 desta série.

2 – Text Area

O Text Area, como sabemos, é responsável pelas áreas de caixas de texto. Mas vamos ver as propriedades de validação com o Painel de Propriedades Spry:

Fig. 01 – Painel Properties do Text Area

Nesta seção, fazemos todas as configurações com relação ao tipo de exibição de dados no formulário. Vejamos a definição de cada um:

• Min chars: número mínimo de caracteres exigidos
• Max chars: número máximo de caracteres que a caixa suportará
• Counter: esta opção serve para contar os caracteres digitados
  • None: não faz a contagem de caracteres digitados
  • Chars count: exibe e realiza a contagem dos caracteres digitados
  • Chars remaining: faz uma contagem regressiva da quantidade de caracteres que ainda podem ser digitados
• Block extra characters: esta opção simplesmente impede que sejam digitados caracteres além do limite configurado pela opção Max chars

Faça o teste no formulário abaixo:

3 – Checkbox

O elemento Checkbox, cria uma caixa onde podemos marcar algum item relacionada a ela. Até aqui nada de diferente, contudo, com o Spry, podemos delimitar a quantidade mínima e máxima de seleções. Vejamos o painel de controle e suas opções a seguir:

Fig. 02 – Painel Properties do Checkbox

Vejamos a definição de cada um:

• Required (single): é exigida a marcação de ao menos 1 item
• Enforde range (multiple): ao selecionar esta opção você tem a possibilidade de determinar a quantidade mínima e máxima de itens a serem marcados
• Min # of selections: número mínimo exigido de itens selecionados
• Max # of selections: número máximo de itens selecionados

Faça o teste no formulário abaixo:

4 – Select

O elemento Checkbox, cria uma caixa onde podemos marcar algum item relacionada a ela. Até aqui nada de diferente, contudo, com o Spry, podemos delimitar a quantidade mínima e máxima de seleções. Vejamos o painel de controle e suas opções a seguir:

Fig. 03 – Painel Properties do elemento Select

Vejamos a definição de cada um:

• Do not allow: não permite
  • Blank value: valor em branco
  • Invalid value: valor de nível -1, ou seja, inválido

Faça o teste no formulário abaixo:

Considerações Finais

Bom, pessoal, como viram até aqui, o Spry nos dá inúmeras possibilidades de configuração de formulários e validações, basta agora, treinarmos um pouco mais e aplicarmos em nosso dia-a-dia.

Um abraço a todos.

CarlosHPS Webdesigner

Não deixem de me fazer uma visita ao meu portfólio – www.carloshps.com.br/portfolio