SlideShare uma empresa Scribd logo
1 de 5
Formulários com validação

Em nosso formulário iremos utilizar sete elementos para o envio dos dados. Serão
eles:

01.   Campo de texto para o nome
02.   Campo de texto para o email
03.   Campo de texto para a cidade
04.   Campo de texto para a mensagem
05.   Um select com a lista dos estados
06.   O botão “Apagar”
07.   Botão “Enviar”

Abaixo você confere um exemplo de como ficará nosso formulário ao concluirmos:




Abra o arquivo “form_contato.fla” em seu Flash (só irá funcionar no Flash MX 2004
ou Flash 8. Se tem uma versão mais antiga, sugiro seriamente que se atualize o
quanto antes) e vamos primeiramente à layer (camada) “form”.

Crie quatro campos do tipo input text, um para cada título do formulário (nome, email,
cidade e mensagem), selecionando a ferramenta de texto, clicando no stage e, após
criar, vá até a barra “Properties” (Propriedades) e mude de “Static Text” para “Input
Text”, conforme a figura abaixo:




Feito isso, vamos atribuir um nome de instância a cada um dos input texts criados.
Selecione o campo referente ao nome, na mesma barra Properties, digite “nome_txt” –
sem aspas - no campo <Instance Name> (nome de instância), em seguida digite
“var_nome” – sem aspas - no campo “Var”, conforme a figura abaixo:




Repita esse procedimento com cada um dos campos de texto criados, alterando
apenas seus nomes, conforme a lista abaixo:

E-mail
Campo Instance Name: email_txt
Campo Var: var_email
Cidade
Campo Instance Name: cidade_txt
Campo Var: var_cidade
Mensagem
Campo Instance Name: mensagem_txt
Campo Var: var_mensagem

Agora criaremos o campo select, que conterá a lista de Estados. Para economizar
nosso tempo, apenas criaremos a lista com dois estados “SP” e “ES”, mas você poderá
colocar todos depois. Abra a Components (components) pressionando “Ctrl + F7”.
Em seguida, em User Interface, dê um duplo clique sobre o componente “ComboBox”,
como mostra a figura abaixo:
Posicione-o ao lado direito do campo referente à Cidade e diminua seu tamanho, para
que fique com espaço para dois digitos, 50 pixels de width (largura) é o ideal.

Selecione o componente que acabamos de criar, digite “estados_cb” – sem aspas - no
campo <Instance Name>. Em seguida, clique sobre a opção “Parameters” e depois dê
um duplo clique sobre a opção “labels”.

Na janela que se abrir, clique no ícone “+” duas vezes e em cada linha criada, digite as
iniciais de um Estado brasileiro. No meu caso, digitei “SP” e “ES” – sem aspas.




Vale lembrar que a opção que ficar na primeira linha será a padrão, que vai aparecer
automaticamente.

Agora vamos criar os dois últimos objetos do nosso formulário, que são os botões
“Enviar” e “Apagar”. Com a ferramenta texto, digite a palavra “Enviar”, depois
“Apagar” – ambas sem aspas. Certifique-se de que esses textos criados não sejam do
tipo “Input” e sim do tipo “Static”.
Selecione a palavra “Enviar” e pressione “F8” para abrirmos a janela de criação de
símbolos. Digite “enviar_btn” no campo “Name” e em “Type” escolha a opção “Button”,
conforme a figura abaixo:




Feito isso, no campo <Instance Name> da barra “Properties”, digite novamente
“enviar_btn”.




Faça o mesmo com a palavra “Apagar”, apenas trocando os nomes para “apagar_btn”.

O principal está pronto, vamos agora para a etapa de validação dos dados informados
pelo usuário.

Etapa de validação

Com a ferramenta de texto, crie um Dinamic Text (texto dinâmico), criando um texto
no stage e mudando na barra “Properties” de “Static Text” para “Dinamic Text”.
Selecione o campo que acabamos de criar e no campo “Var” da barra “Properties”.
Digite “var_status” – sem aspas.

Feito isso, selecione o primeiro frame da layer (camada) “Actionscript” e pressione “F9”
para abrirmos a paleta “Actions”. Em seguida digite:

#include “Acoes.as”

Essa linha importará as ações digitadas no arquivo “Acoes.as”. Agora, abra o arquivo
“Acoes.as” no seu Flash para conferir a programação, cada etapa está explicada com
comentários.

A página “email.asp” é a responsável por receber os dados e enviá-los para o e-mail
informado. Abra-a e mude o endereço de e-mail e o nome do recipiente da mensagem.

E vale lembrar que essa página só funcionará se estiver hospedada em um servidor
que trabalhe com ASP. Para outras tecnologias, como PHP, JSP, CFM, será necessário
desenvolver uma página semelhante a essa, que receba as variáveis da maneira
correta.

Mais conteúdo relacionado

Semelhante a 07 formulários com validação - Flash 8

Construir agenda.pdf
Construir agenda.pdfConstruir agenda.pdf
Construir agenda.pdfsoricati
 
Criação de modelos, formulários e documentos no SEI!
Criação de modelos, formulários e documentos no SEI!Criação de modelos, formulários e documentos no SEI!
Criação de modelos, formulários e documentos no SEI!Colaborativismo
 
Como criar formulário de contato
Como criar formulário de contatoComo criar formulário de contato
Como criar formulário de contatoKelly Schuvaizerski
 
Conceitos planilha eletrônica
Conceitos   planilha eletrônicaConceitos   planilha eletrônica
Conceitos planilha eletrônicaJorge Dantas
 
Conceitos planilha eletrônica
Conceitos   planilha eletrônicaConceitos   planilha eletrônica
Conceitos planilha eletrônicaJorge Dantas
 
simulado-microsoft-word-2007
simulado-microsoft-word-2007simulado-microsoft-word-2007
simulado-microsoft-word-2007Marco Guimarães
 
Questões Microsoft-word-2007
Questões Microsoft-word-2007Questões Microsoft-word-2007
Questões Microsoft-word-2007Marco Guimarães
 
Javascript Recuperando Dados De Formularios
Javascript    Recuperando Dados De FormulariosJavascript    Recuperando Dados De Formularios
Javascript Recuperando Dados De Formulariosguestd9e271
 
Crystal reports tutorial gerando seus relatórios
Crystal reports   tutorial gerando seus relatóriosCrystal reports   tutorial gerando seus relatórios
Crystal reports tutorial gerando seus relatóriosrobinhoct
 
Questoes-microsoft-word-2007
Questoes-microsoft-word-2007Questoes-microsoft-word-2007
Questoes-microsoft-word-2007Marco Guimarães
 
Property tab builder utilizar gerador de guia de propriedade
Property tab builder utilizar gerador de guia de propriedadeProperty tab builder utilizar gerador de guia de propriedade
Property tab builder utilizar gerador de guia de propriedadeAgnaldo Jardel Trennepohl
 
[SAP BW] Process Chain with Invalid Character
[SAP BW] Process Chain with Invalid Character[SAP BW] Process Chain with Invalid Character
[SAP BW] Process Chain with Invalid CharacterMarcos André
 
Criando uma agenda simples com NetBeans
Criando uma agenda simples com NetBeansCriando uma agenda simples com NetBeans
Criando uma agenda simples com NetBeansMarcus Becker
 
Criando uma Agenda simples com NetBeans
Criando uma Agenda simples com NetBeansCriando uma Agenda simples com NetBeans
Criando uma Agenda simples com NetBeansSerge Rehem
 

Semelhante a 07 formulários com validação - Flash 8 (20)

Construir agenda.pdf
Construir agenda.pdfConstruir agenda.pdf
Construir agenda.pdf
 
Criação de modelos, formulários e documentos no SEI!
Criação de modelos, formulários e documentos no SEI!Criação de modelos, formulários e documentos no SEI!
Criação de modelos, formulários e documentos no SEI!
 
Como criar formulário de contato
Como criar formulário de contatoComo criar formulário de contato
Como criar formulário de contato
 
Conceitos planilha eletrônica
Conceitos   planilha eletrônicaConceitos   planilha eletrônica
Conceitos planilha eletrônica
 
Conceitos planilha eletrônica
Conceitos   planilha eletrônicaConceitos   planilha eletrônica
Conceitos planilha eletrônica
 
simulado-microsoft-word-2007
simulado-microsoft-word-2007simulado-microsoft-word-2007
simulado-microsoft-word-2007
 
Questões Microsoft-word-2007
Questões Microsoft-word-2007Questões Microsoft-word-2007
Questões Microsoft-word-2007
 
Javascript Recuperando Dados De Formularios
Javascript    Recuperando Dados De FormulariosJavascript    Recuperando Dados De Formularios
Javascript Recuperando Dados De Formularios
 
Apostila de Power BI - Aula 1.pdf
Apostila de Power BI - Aula 1.pdfApostila de Power BI - Aula 1.pdf
Apostila de Power BI - Aula 1.pdf
 
Crystal reports tutorial gerando seus relatórios
Crystal reports   tutorial gerando seus relatóriosCrystal reports   tutorial gerando seus relatórios
Crystal reports tutorial gerando seus relatórios
 
Microsoft outlook 2010
Microsoft outlook 2010Microsoft outlook 2010
Microsoft outlook 2010
 
Questoes-microsoft-word-2007
Questoes-microsoft-word-2007Questoes-microsoft-word-2007
Questoes-microsoft-word-2007
 
Word Aula 19
Word Aula 19Word Aula 19
Word Aula 19
 
Aula19
Aula19Aula19
Aula19
 
Property tab builder utilizar gerador de guia de propriedade
Property tab builder utilizar gerador de guia de propriedadeProperty tab builder utilizar gerador de guia de propriedade
Property tab builder utilizar gerador de guia de propriedade
 
[SAP BW] Process Chain with Invalid Character
[SAP BW] Process Chain with Invalid Character[SAP BW] Process Chain with Invalid Character
[SAP BW] Process Chain with Invalid Character
 
Writer Linux
Writer LinuxWriter Linux
Writer Linux
 
Criando uma agenda simples com NetBeans
Criando uma agenda simples com NetBeansCriando uma agenda simples com NetBeans
Criando uma agenda simples com NetBeans
 
Criando uma Agenda simples com NetBeans
Criando uma Agenda simples com NetBeansCriando uma Agenda simples com NetBeans
Criando uma Agenda simples com NetBeans
 
Apostila-Access_2007_basico
Apostila-Access_2007_basicoApostila-Access_2007_basico
Apostila-Access_2007_basico
 

Mais de Reuel Lopes

Trabalhando com EVA 2017
Trabalhando com EVA 2017Trabalhando com EVA 2017
Trabalhando com EVA 2017Reuel Lopes
 
Panorama da aula semi-presencial: desafios, vantagens e dificuldades
Panorama da aula semi-presencial: desafios, vantagens e dificuldadesPanorama da aula semi-presencial: desafios, vantagens e dificuldades
Panorama da aula semi-presencial: desafios, vantagens e dificuldadesReuel Lopes
 
[PROFOCO] Slideshare
[PROFOCO] Slideshare[PROFOCO] Slideshare
[PROFOCO] SlideshareReuel Lopes
 
Trabalhando na Plataforma EVA
Trabalhando na Plataforma EVATrabalhando na Plataforma EVA
Trabalhando na Plataforma EVAReuel Lopes
 
GLOBALIZAÇÃO E IN-FORMAÇÃO
GLOBALIZAÇÃO E IN-FORMAÇÃOGLOBALIZAÇÃO E IN-FORMAÇÃO
GLOBALIZAÇÃO E IN-FORMAÇÃOReuel Lopes
 
Formação de Professores - EVA 2015
Formação de Professores - EVA 2015Formação de Professores - EVA 2015
Formação de Professores - EVA 2015Reuel Lopes
 
EVA - Espaço Virtual de Aprendizagem
EVA - Espaço Virtual de AprendizagemEVA - Espaço Virtual de Aprendizagem
EVA - Espaço Virtual de AprendizagemReuel Lopes
 
Palestra sobre android
Palestra sobre androidPalestra sobre android
Palestra sobre androidReuel Lopes
 
Design para a internet - projetando a experêincia perfeita 1º bim
Design para a internet - projetando a experêincia perfeita 1º bimDesign para a internet - projetando a experêincia perfeita 1º bim
Design para a internet - projetando a experêincia perfeita 1º bimReuel Lopes
 
Pesquisas em usabilidade de interfaces e interação - 2 bim
Pesquisas em usabilidade de interfaces e interação -  2 bimPesquisas em usabilidade de interfaces e interação -  2 bim
Pesquisas em usabilidade de interfaces e interação - 2 bimReuel Lopes
 
Pesquisas em usabilidade de interfaces e interação - 1 bim
Pesquisas em usabilidade de interfaces e interação -  1 bimPesquisas em usabilidade de interfaces e interação -  1 bim
Pesquisas em usabilidade de interfaces e interação - 1 bimReuel Lopes
 
Inserção da pesquisa no contexto de ihc - 1 bim
Inserção da pesquisa no contexto de ihc -  1 bimInserção da pesquisa no contexto de ihc -  1 bim
Inserção da pesquisa no contexto de ihc - 1 bimReuel Lopes
 
Avaliação heuristica - 1 bim
Avaliação heuristica - 1 bimAvaliação heuristica - 1 bim
Avaliação heuristica - 1 bimReuel Lopes
 
Arquitetura de informação - Case G1
Arquitetura de informação - Case G1Arquitetura de informação - Case G1
Arquitetura de informação - Case G1Reuel Lopes
 
Project mobility net_beans
Project mobility net_beansProject mobility net_beans
Project mobility net_beansReuel Lopes
 
Java EE netbeans
Java EE netbeansJava EE netbeans
Java EE netbeansReuel Lopes
 
Apostila complementar java móvel
Apostila complementar  java móvelApostila complementar  java móvel
Apostila complementar java móvelReuel Lopes
 
Cases Hipermídia 2010
Cases Hipermídia 2010Cases Hipermídia 2010
Cases Hipermídia 2010Reuel Lopes
 

Mais de Reuel Lopes (20)

Trabalhando com EVA 2017
Trabalhando com EVA 2017Trabalhando com EVA 2017
Trabalhando com EVA 2017
 
Panorama da aula semi-presencial: desafios, vantagens e dificuldades
Panorama da aula semi-presencial: desafios, vantagens e dificuldadesPanorama da aula semi-presencial: desafios, vantagens e dificuldades
Panorama da aula semi-presencial: desafios, vantagens e dificuldades
 
[PROFOCO] Slideshare
[PROFOCO] Slideshare[PROFOCO] Slideshare
[PROFOCO] Slideshare
 
Trabalhando na Plataforma EVA
Trabalhando na Plataforma EVATrabalhando na Plataforma EVA
Trabalhando na Plataforma EVA
 
GLOBALIZAÇÃO E IN-FORMAÇÃO
GLOBALIZAÇÃO E IN-FORMAÇÃOGLOBALIZAÇÃO E IN-FORMAÇÃO
GLOBALIZAÇÃO E IN-FORMAÇÃO
 
Formação de Professores - EVA 2015
Formação de Professores - EVA 2015Formação de Professores - EVA 2015
Formação de Professores - EVA 2015
 
EVA - Espaço Virtual de Aprendizagem
EVA - Espaço Virtual de AprendizagemEVA - Espaço Virtual de Aprendizagem
EVA - Espaço Virtual de Aprendizagem
 
Palestra sobre android
Palestra sobre androidPalestra sobre android
Palestra sobre android
 
O futuro da web
O futuro da webO futuro da web
O futuro da web
 
Design para a internet - projetando a experêincia perfeita 1º bim
Design para a internet - projetando a experêincia perfeita 1º bimDesign para a internet - projetando a experêincia perfeita 1º bim
Design para a internet - projetando a experêincia perfeita 1º bim
 
Pesquisas em usabilidade de interfaces e interação - 2 bim
Pesquisas em usabilidade de interfaces e interação -  2 bimPesquisas em usabilidade de interfaces e interação -  2 bim
Pesquisas em usabilidade de interfaces e interação - 2 bim
 
Pesquisas em usabilidade de interfaces e interação - 1 bim
Pesquisas em usabilidade de interfaces e interação -  1 bimPesquisas em usabilidade de interfaces e interação -  1 bim
Pesquisas em usabilidade de interfaces e interação - 1 bim
 
Inserção da pesquisa no contexto de ihc - 1 bim
Inserção da pesquisa no contexto de ihc -  1 bimInserção da pesquisa no contexto de ihc -  1 bim
Inserção da pesquisa no contexto de ihc - 1 bim
 
Avaliação heuristica - 1 bim
Avaliação heuristica - 1 bimAvaliação heuristica - 1 bim
Avaliação heuristica - 1 bim
 
Arquitetura de informação - Case G1
Arquitetura de informação - Case G1Arquitetura de informação - Case G1
Arquitetura de informação - Case G1
 
Project mobility net_beans
Project mobility net_beansProject mobility net_beans
Project mobility net_beans
 
Netbeans slides
Netbeans slidesNetbeans slides
Netbeans slides
 
Java EE netbeans
Java EE netbeansJava EE netbeans
Java EE netbeans
 
Apostila complementar java móvel
Apostila complementar  java móvelApostila complementar  java móvel
Apostila complementar java móvel
 
Cases Hipermídia 2010
Cases Hipermídia 2010Cases Hipermídia 2010
Cases Hipermídia 2010
 

07 formulários com validação - Flash 8

  • 1. Formulários com validação Em nosso formulário iremos utilizar sete elementos para o envio dos dados. Serão eles: 01. Campo de texto para o nome 02. Campo de texto para o email 03. Campo de texto para a cidade 04. Campo de texto para a mensagem 05. Um select com a lista dos estados 06. O botão “Apagar” 07. Botão “Enviar” Abaixo você confere um exemplo de como ficará nosso formulário ao concluirmos: Abra o arquivo “form_contato.fla” em seu Flash (só irá funcionar no Flash MX 2004 ou Flash 8. Se tem uma versão mais antiga, sugiro seriamente que se atualize o quanto antes) e vamos primeiramente à layer (camada) “form”. Crie quatro campos do tipo input text, um para cada título do formulário (nome, email, cidade e mensagem), selecionando a ferramenta de texto, clicando no stage e, após criar, vá até a barra “Properties” (Propriedades) e mude de “Static Text” para “Input Text”, conforme a figura abaixo: Feito isso, vamos atribuir um nome de instância a cada um dos input texts criados.
  • 2. Selecione o campo referente ao nome, na mesma barra Properties, digite “nome_txt” – sem aspas - no campo <Instance Name> (nome de instância), em seguida digite “var_nome” – sem aspas - no campo “Var”, conforme a figura abaixo: Repita esse procedimento com cada um dos campos de texto criados, alterando apenas seus nomes, conforme a lista abaixo: E-mail Campo Instance Name: email_txt Campo Var: var_email Cidade Campo Instance Name: cidade_txt Campo Var: var_cidade Mensagem Campo Instance Name: mensagem_txt Campo Var: var_mensagem Agora criaremos o campo select, que conterá a lista de Estados. Para economizar nosso tempo, apenas criaremos a lista com dois estados “SP” e “ES”, mas você poderá colocar todos depois. Abra a Components (components) pressionando “Ctrl + F7”. Em seguida, em User Interface, dê um duplo clique sobre o componente “ComboBox”, como mostra a figura abaixo:
  • 3. Posicione-o ao lado direito do campo referente à Cidade e diminua seu tamanho, para que fique com espaço para dois digitos, 50 pixels de width (largura) é o ideal. Selecione o componente que acabamos de criar, digite “estados_cb” – sem aspas - no campo <Instance Name>. Em seguida, clique sobre a opção “Parameters” e depois dê um duplo clique sobre a opção “labels”. Na janela que se abrir, clique no ícone “+” duas vezes e em cada linha criada, digite as iniciais de um Estado brasileiro. No meu caso, digitei “SP” e “ES” – sem aspas. Vale lembrar que a opção que ficar na primeira linha será a padrão, que vai aparecer automaticamente. Agora vamos criar os dois últimos objetos do nosso formulário, que são os botões “Enviar” e “Apagar”. Com a ferramenta texto, digite a palavra “Enviar”, depois “Apagar” – ambas sem aspas. Certifique-se de que esses textos criados não sejam do tipo “Input” e sim do tipo “Static”.
  • 4. Selecione a palavra “Enviar” e pressione “F8” para abrirmos a janela de criação de símbolos. Digite “enviar_btn” no campo “Name” e em “Type” escolha a opção “Button”, conforme a figura abaixo: Feito isso, no campo <Instance Name> da barra “Properties”, digite novamente “enviar_btn”. Faça o mesmo com a palavra “Apagar”, apenas trocando os nomes para “apagar_btn”. O principal está pronto, vamos agora para a etapa de validação dos dados informados pelo usuário. Etapa de validação Com a ferramenta de texto, crie um Dinamic Text (texto dinâmico), criando um texto no stage e mudando na barra “Properties” de “Static Text” para “Dinamic Text”.
  • 5. Selecione o campo que acabamos de criar e no campo “Var” da barra “Properties”. Digite “var_status” – sem aspas. Feito isso, selecione o primeiro frame da layer (camada) “Actionscript” e pressione “F9” para abrirmos a paleta “Actions”. Em seguida digite: #include “Acoes.as” Essa linha importará as ações digitadas no arquivo “Acoes.as”. Agora, abra o arquivo “Acoes.as” no seu Flash para conferir a programação, cada etapa está explicada com comentários. A página “email.asp” é a responsável por receber os dados e enviá-los para o e-mail informado. Abra-a e mude o endereço de e-mail e o nome do recipiente da mensagem. E vale lembrar que essa página só funcionará se estiver hospedada em um servidor que trabalhe com ASP. Para outras tecnologias, como PHP, JSP, CFM, será necessário desenvolver uma página semelhante a essa, que receba as variáveis da maneira correta.