JavaScript: Validação de Formulários. Prof. Ivanilton Polato

Tamanho: px
Começar a partir da página:

Download "JavaScript: Validação de Formulários. Prof. Ivanilton Polato ipolato@utfpr.edu.br ipolato@gmail.com"

Transcrição

1 JavaScript: Validação de Formulários Prof. Ivanilton Polato

2 Validação de Formulários Um dos usos mais frequentes do JS é a validação de formulários. Além de garantir que as informações digitadas estão de acordo com o solicitado, a validação desonera o servidor deste serviço, uma vez que pode ser realizado no lado do cliente. 2

3 Mas, antes disso... Para que se valide um formulário é preciso conhecer as estruturas condicionais (ou de decisão, ou de seleção) Em JS, como em Java, são Condicional if Condicional if else Condicionais if else if else Condicional switch 3

4 Todos já sabem, mas... if (condição) código executado quando a condição é verdadeira ////////////////////////////////////////////////// if (condição) código executado quando a condição é verdadeira else código executado quando a condição é falsa 4

5 Todos continuam sabendo, mas... switch(n) case 1: executa este bloco quando n == 1 break; case 2: executa este bloco quando n == 2 break; default: executa este bloco quando nenhuma das condições anteriores foi atendida 5

6 Validar o que? O que verificar em um formulário? Basicamente se o usuário: Deixou campos sem preencher? Digitou um válido? Entrou com uma data válida? Digitou texto em um campo numérico? Mas qualquer outro campo pode ser verificado também... 6

7 Exemplo Um exemplo para campos obrigatórios: function valida_requeridos(campo,texto) with (campo) if (value==null value=="") alert(texto); return false; else return true; 7

8 Exemplo 2 Um exemplo para validar function valida_ (campo,texto) with (campo) dotpos=value.lastindexof("."); if (apos<1 dotpos-apos<2) alert(texto); return false; else return true; 8

9 Veja bem... Ambas as validações foram feitas por meio do evento do formulário a seguir:» onsubmit="return valida_form(this)" A função valida_form nada mais faz do que chamar as funções de validação e em caso de erro coloca o foco no campo validado. Este é um mecanismo de validação. 9

10 valida_form(formulario) function valida_form(formulario) with (formulario) if (valida_requeridos( ," deve ser preenchido!")==false) .focus(); return false; 10

11 Outro mecanismo A validação ainda pode ser feita de outras maneiras como, por exemplo, campo a campo. Desta forma podemos nos aproveitar de outros eventos da linguagem JS, vistos no próximo slide. 11

12 Eventos JS São fatos que ocorrem durante a execução do sistema, a partir dos quais o programador pode definir ações a serem realizadas pelo programa. onload: Ocorre na carga do documento. Ou seja, só ocorre no BODY do documento. onunload: Ocorre na descarga (saída) do documento. Também só ocorre no BODY. onchange: Ocorre quando o objeto perde o foco e houve mudança de conteúdo. válido para os objetos Text, Select e Textarea. onblur: Ocorre quando o objeto perde o foco, independente de ter havido mudança. válido para os objetos Text, Select e Textarea. onfocus: Ocorre quando o objeto recebe o foco. válido para os objetos Text, Select e Textarea. 12

13 Eventos JS onclick: Ocorre quando o objeto recebe um Click do Mouse. válido para os objetos Button, Checkbox, Radio, Link, Reset e Submit. ondblclick: Botão esquerdo do mouse é pressionado duas vezes no elemento onkeypressed: Tecla é pressionada e solta. Pressionar uma tecla por alguns instantes aciona multiplos eventos. onkeydown: Tecla é pressionada, acionando um evento. onkeyup: Tecla é solta. 13

14 Eventos JS onmouseover: Ocorre quando o ponteiro do mouse passa por sobre o objeto. válido apenas para Link. onmouseout: Ponteiro do mouse é movido para fora do elemento onmousedown: Botão do mouse é pressionado dentro do elemento onmouseup: Botão do mouse é liberado dentro do elemento onmousemove: Ponteiro do mouse é movido dentro do elemento onselect: Ocorre quando o objeto é selecionado. válido para os objetos Text e Textarea. onsubmit: Ocorre quando um botão tipo Submit recebe um click do mouse. válido apenas para o Form. 14

15 Exemplos com onblur Converte caracteres digitados com letras minúsculas para letras maiúsculas. <input name=nome size=50 maxlength=50 onblur='value=value.touppercase();'> Converte caracteres digitados com letras maiúsculas para letras minúsculas. <input name= size=50 maxlength=50 onblur='value=value.tolowercase();'> 15

16 Exemplos com onload <html> <head> <script type="text/javascript"> function mymessage() alert("spfc: O ÚNICO Hexa!!!"); </script> </head> <body onload="mymessage()"> </body> </html> 16

17 Exemplos com onchange <html> <head> <script type="text/javascript"> function preferedbrowser() prefer=document.forms[0].browsers.value; alert("voce prefere navegar com o browser: " + prefer); </script> </head> <body> <form> Escolha o seu browser preferido: <select id="browsers" onchange="preferedbrowser()"> <option value="internet Explorer">Internet Explorer <option value="firefox">firefox </select> </form> </body> </html> 17

18 Validando sexo... <script> function validasexo(sexo) var sexo = sexo.touppercase(); if(sexo!='m'&&sexo!='f') alert("sexo inválido, use M ou F"); return ""; return sexo; </script> E lá no <form> do <html>: Sexo:<INPUT NAME=sexo size=1 maxlength=1 onblur='value=validasexo(value);'> 18

19 Arrays NomeDia = Array(7) NomeDia[0] = "Domingo" NomeDia[1] = "Segunda" NomeDia[2] = "Terça" NomeDia[3] = "Quarta" NomeDia[4] = "Quinta" NomeDia[5] = "Sexta" NomeDia[6] = "Sabado" var diasemana = NomeDia[3]; alert(diasemana); 19

20 Strings string.length - retorna o tamanho da string string.charat(posição) - retorna o caracter da posição especificada string.indexof("string") - retorna o número da posição onde começa a primeira "string" string.lastindexof("string") - retorna o número da posição onde começa a última "string" string.substring(inicio, fim) - retorna o conteúdo da string que corresponde ao intervalo especificado. 20

21 Datas getdate() - Obtém o dia do mês (1 a 31) getday() - Obtém o dia da semana (0 a 6) getmonth() - Obtém o mês (0 a 11) getyear() - Obtém o ano gethours() - Obtém a hora (0 a 23) getminutes() - Obtém os minutos (0 a 59) getseconds() - Obtém os segundos (0 a 59) Exemplos: DataToday = new Date() ; DiaHoje = DataToday.getDay() ; 21

22 Caixas de Diálogo O objeto window de JavaScript tem três métodos para interagir com o usuário: Método Alert <input type= button onclick= window.alert('exemplo de alerta') > Método Confirm <input type= button onclick= window.confirm('continuar?') > Método Prompt <input type= button onclick= window.prompt('digite seu nome', 'Zé') > 22

23 Conversões tostring() Converte o objeto para uma string. isnan(value) Verifica se value não um número if (isnan(string1)) document.write("string1 não é um número\n"); parsefloat() Transforma um número ou uma string em float. value1 = parsefloat("123"); value2 = parsefloat("9.683"); parseint() Converte uma string em integer ou retorna o primeiro inteiro encontrado na string. value1 = parseint("12b13"), Se nenhum inteiro for encontrado, é retornado 0 23

24 Dúvidas??? Prof. Ivanilton Polato

Desenvolvimento de Aplicações para Internet

Desenvolvimento de Aplicações para Internet Desenvolvimento de Aplicações para Internet Aula 03 Celso Olivete Júnior olivete@fct.unesp.br Na aula de hoje... Javascript: introdução, operadores lógicos e matemáticos, comandos condicionais. Javascript:

Leia mais

1-03/11/03 INTRODUÇÃO

1-03/11/03 INTRODUÇÃO 1-03/11/03 INTRODUÇÃO JavaScript é uma linguagem que permite injetar lógica em páginas escritas em HTML (HiperText Mark-up Language). As páginas HTML podem ser escritas utilizando-se editores de texto,

Leia mais

JavaScript (Funções, Eventos e Manipulação de Formulários)

JavaScript (Funções, Eventos e Manipulação de Formulários) Linguagem de Programação para Web JavaScript (Funções, Eventos e Manipulação de Formulários) Prof. Mauro Lopes 1-31 23 Objetivos Iremos avançar um pouco mais em nosso estudo sobre o JavaScript. Iremos

Leia mais

Introdução a Javascript

Introdução a Javascript Introdução a Javascript André Tavares da Silva andre.silva@udesc.br Introdução Javascript Javascript é uma linguagem que permite injetar lógica em páginas escritas em HTML Podem estar "soltos" ou atrelados

Leia mais

Tecnologias para Web Design

Tecnologias para Web Design Tecnologias para Javascript e DOM Introdução à Scripts Um script do lado cliente é um programa que acompanha um documento HTML Pode estar incluído no próprio documento embutido ou acompanha-lo num arquivo

Leia mais

UENF Curso de Javascript Prof. Sérgio Rodrigues Pg 1 ÍNDICE

UENF Curso de Javascript Prof. Sérgio Rodrigues Pg 1 ÍNDICE UENF Curso de Javascript Prof. Sérgio Rodrigues Pg 1 ÍNDICE Javascript - Módulo I 02 Introdução 02 Escrevendo no documento 02 Criando variáveis 03 Mensagens 04 Alerta 04 Confirmação 04 Receptor 05 Operadores

Leia mais

Prof Evandro Manara Miletto. parte 2

Prof Evandro Manara Miletto. parte 2 Prof Evandro Manara Miletto parte 2 Sumário Estruturas de Controle Eventos Estruturas de controle características Estruturas de controle (ou condicionais) são executadas caso um teste seja atendido Permite

Leia mais

JavaScript. Prof. Msc. Juliano Gomes Weber (jgw@unijui.edu.br) Notas de Aula Aula 12 1º Semestre - 2011. UNIJUÍ DETEC Ciência da Computação

JavaScript. Prof. Msc. Juliano Gomes Weber (jgw@unijui.edu.br) Notas de Aula Aula 12 1º Semestre - 2011. UNIJUÍ DETEC Ciência da Computação UNIJUÍ DETEC Ciência da Computação Prof. Msc. Juliano Gomes Weber (jgw@unijui.edu.br) JavaScript Notas de Aula Aula 12 1º Semestre - 2011 Tecnologias Web jgw@unijui.edu.br Introdução Com JavaScript implementamos

Leia mais

Desenvolvimento de Sistemas Web Prof. Leandro Roberto. Aula 18 JavaScript: Eventos MySQL PHP (insert, update e delete)

Desenvolvimento de Sistemas Web Prof. Leandro Roberto. Aula 18 JavaScript: Eventos MySQL PHP (insert, update e delete) Desenvolvimento de Sistemas Web Prof. Leandro Roberto Aula 18 JavaScript: Eventos MySQL PHP (insert, update e delete) JavaScript Eventos Alguns eventos de uma página HTML podem ser interceptados e programados

Leia mais

Introdução à Tecnologia Web

Introdução à Tecnologia Web Introdução à Tecnologia Web JavaScript Sintaxe da Linguagem: Eventos Profª MSc. Elizabete Munzlinger www.elizabete.com.br JavaScript Eventos Índice 1 Eventos JavaScript... 2 a) Relacionados a Janela...

Leia mais

Tecnologias para apresentação de dados - Java Script. Aécio Costa

Tecnologias para apresentação de dados - Java Script. Aécio Costa Tecnologias para apresentação de dados - Java Script Aécio Costa Foi originalmente implementada como parte dos navegadores web para que scripts pudessem ser executados do lado do cliente e interagissem

Leia mais

JavaScript Aplicações Interativas para a Web

JavaScript Aplicações Interativas para a Web JavaScript Aplicações Interativas para a Web ADRIANO GOMES LIMA BELO HORIZONTE 2006 INTRODUÇÃO A LINGUAGEM JAVASCRIPT...9 JAVA E JAVASCRIPT...9 VBSCRIPT E JAVASCRIPT... 10 AS VERSÕES DO JAVASCRIPT... 10

Leia mais

Programação para Internet I. 8. JavaScript. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt

Programação para Internet I. 8. JavaScript. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Programação para Internet I 8. JavaScript Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Trata-se de uma linguagem de programação bastante completa! No entanto, é geralmente conhecida como linguagem

Leia mais

Apostila sobre Java Script

Apostila sobre Java Script Apostila sobre Java Script 1 Java Script Básico... 3 1. Introdução... 3 1.1 O que é Java Script?... 3 1.2 Qual é a diferença entre Java e JavaScript?... 3 1.3 Um pequeno exemplo do uso de scripts... 4

Leia mais

Introdução ao Javascript

Introdução ao Javascript Programação WEB I Introdução ao Javascript Apresentação da Disciplina,Introdução a linguagem Javascript Objetivos da Disciplina Apresentar os principais conceitos da linguagem Javascript referente à programação

Leia mais

Lista de operadores de comparação - > Maior que - < Menor que - <= Menor ou igual a - >= Maior ou igual a - === Igual a -!

Lista de operadores de comparação - > Maior que - < Menor que - <= Menor ou igual a - >= Maior ou igual a - === Igual a -! Página1 Javascript JavaScript (JS) é uma linguagem de programação client side Funciona no navegador do usuário. É uma linguagem baseada em objetos. "Walmir".length; 6 Para que serve - fazer websites responder

Leia mais

Conteúdo. DHTML tópicos Hamilton Lima - 2002-2004

Conteúdo. DHTML tópicos Hamilton Lima - 2002-2004 DHTML tópicos Hamilton Lima - 2002-2004 Conteúdo 1. meu primeiro script... 2 2. DOM Document Object Model...2 3. tipo de execução de scripts...2 4. resposta a um evento... 3 5. tipos de dados, variaveis

Leia mais

JavaScript Aplicações Interativas para a Web

JavaScript Aplicações Interativas para a Web JavaScript Aplicações Interativas para a Web ADRIANO GOMES LIMA BELO HORIZONTE 2006 INTRODUÇÃO A LINGUAGEM JAVASCRIPT...9 JAVA E JAVASCRIPT...9 VBSCRIPT E JAVASCRIPT... 10 AS VERSÕES DO JAVASCRIPT... 10

Leia mais

O que é o Javascript?

O que é o Javascript? O que é o Javascript? JavaScript é uma linguagem para criação de Home-Pages. Funções escritas em JavaScript podem ser embutidas dentro de seu documento HTML. Com JavaScript você tem muitas possibilidades

Leia mais

PROF. DANIELA PIRES. Aplicações para Web. Aplicações para Web - FMU - 2012 - Prof. Daniela Pires

PROF. DANIELA PIRES. Aplicações para Web. Aplicações para Web - FMU - 2012 - Prof. Daniela Pires PROF. DANIELA PIRES Aplicações para Web 1 *JavaScript * Validação de Formulários * HTML Dinâmico 2 *Linguagem de scripting * orientada para objeto * interpretada pelo browser *versão atual: 1.3 (para IE)

Leia mais

JavaScript Eventos e Objetos Nativos

JavaScript Eventos e Objetos Nativos JavaScript Eventos e Objetos Nativos Ferramentas para Internet Marx Gomes Van der Linden ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) Eventos Um evento é um acontecimento

Leia mais

Escrito por Sáb, 15 de Outubro de 2011 21:16 - Última atualização Seg, 26 de Março de 2012 03:31

Escrito por Sáb, 15 de Outubro de 2011 21:16 - Última atualização Seg, 26 de Março de 2012 03:31 Preço R$ 129.00 Compre aqui Entre definitivamente para o mundo de desenvolvimento web. Curso Webdesigner, criação de Sites com HTML, DHTML, javascript e CSS + dreamweaver cs4. São 147 videoaulas, 2 dvd

Leia mais

Introdução à Tecnologia Web

Introdução à Tecnologia Web Introdução à Tecnologia Web JavaScript Objetos: Propriedades e Métodos Profª MSc. Elizabete Munzlinger www.elizabete.com.br JavaScript Objetos: Propriedades e Métodos Índice 1 Objetos JavaScript... 3 a)

Leia mais

Validação de formulários utilizando Javascript

Validação de formulários utilizando Javascript Validação de formulários utilizando Javascript A validação de formulários é um dos usos mais comuns na programação Javascript. A validação de dados por meio da programação Javascript é muito fácil e rápida

Leia mais

APOSTILA DE JAVA SCRIPT

APOSTILA DE JAVA SCRIPT APOSTILA DE JAVA Introdução Operadores lógicos Operadores matemáticos Controles especiais Controles condicionais Eventos Criando variáveis Escrevendo no documento Mensagens Criando funções Funções intrinsecas

Leia mais

Universidade Federal do Espírito Santo CCA UFES. Centro de Ciências Agrárias CCA UFES Departamento de Computação. JavaScript

Universidade Federal do Espírito Santo CCA UFES. Centro de Ciências Agrárias CCA UFES Departamento de Computação. JavaScript Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação Universidade Federal do Espírito Santo CCA UFES JavaScript Desenvolvimento de Sistemas para WEB Site:

Leia mais

Exercícios Práticos de HTML e JavaScript.

Exercícios Práticos de HTML e JavaScript. <FORM ACTION=mailto:teste@gmail.com METHOD=POST ENCTYPE=text/plain NAME=cadastro> Exercícios Práticos de HTML e JavaScript Exercício 1: Formulário Padrão HTML SEM JavaScript

Leia mais

Roteiro. Desenvolvimento de Aplicações Web. JavaScript. Script. Script

Roteiro. Desenvolvimento de Aplicações Web. JavaScript. Script. Script Roteiro Desenvolvimento de Aplicações Web JavaScript Roberto Vedoato vedoato@joinville.udesc.br Introdução Conceitos Usos Formas de inserção Sintaxe Variáveis Tipos de dados e literais Identificadores

Leia mais

Respondendo a eventos

Respondendo a eventos Respondendo a eventos Até agora, a maioria dos scripts que você escreveu foi executado de uma forma tranqüila e ordenada, movendo-se da primeira instrução para a última. Agora aprenderemos a utilizar a

Leia mais

Linguagem Javascript. Referências. Capacidades de Javascript. O que é JavaScript? Tipos de JavaScript. Versões de Javascript

Linguagem Javascript. Referências. Capacidades de Javascript. O que é JavaScript? Tipos de JavaScript. Versões de Javascript Linguagem Javascript João Sérgio S. Assis Núcleo de Computação Eletrônica da UFRJ Tel. (021) 2598-3214 Fax. (021) 2 270-8554 e-mail: joao@nce.ufrj.br Slides originais: Maurício Bomfim Referências Bibliográficas:

Leia mais

APRENDENDO JAVASCRIPT, UMA LÓGICA PARA WEB. Por André Marinho C. O QUE É JAVASCRIPT?

APRENDENDO JAVASCRIPT, UMA LÓGICA PARA WEB. Por André Marinho C. O QUE É JAVASCRIPT? APRENDENDO JAVASCRIPT, UMA LÓGICA PARA WEB. Por André Marinho C. O QUE É JAVASCRIPT? JavaScript é uma linguagem que permite injetar lógica em páginas escritas em HTML (HiperText Mark-up Language). As páginas

Leia mais

O que é JavaScript? O que JavaScript é capaz de Fazer?

O que é JavaScript? O que JavaScript é capaz de Fazer? IMPORTANTE: este material não deve ser utilizado como única fonte de estudos. Os alunos deverão estudar toda a matéria vista em aula, realizar as práticas de laboratório e consultar a bibliografia do curso.

Leia mais

O código JavaScript deve ser colocado entre tags de comentário para ficar escondido no caso de navegadores antigos que não reconhecem a linguagem.

O código JavaScript deve ser colocado entre tags de comentário para ficar escondido no caso de navegadores antigos que não reconhecem a linguagem. 1 - O que é JAVASCRIPT? É uma linguagem de script orientada a objetos, usada para aumentar a interatividade de páginas Web. O JavaScript foi introduzido pela Netscape em seu navegador 2.0 e posteriormente

Leia mais

Índice. 1 Introdução ao Javascript...1 1.1 HTML e Javascript...1 1.2 Resumo do capítulo...2

Índice. 1 Introdução ao Javascript...1 1.1 HTML e Javascript...1 1.2 Resumo do capítulo...2 Índice 1 Introdução ao Javascript...1 1.1 HTML e Javascript...1 1.2 Resumo do capítulo...2 2 Elementos da Linguagem...3 2.1 Variáveis...3 2.2 Tipos de dados...4 2.3 Operadores...4 2.4 Comparação...5 2.5

Leia mais

Formulários. Objeto Form

Formulários. Objeto Form Capítulo 10 Formulários 10 Formulários OS COMPONENTES DE FORMULÁRIO SÃO OS OBJETOS HTML mais utilizados em JavaScript. Por componentes de formulário nos referimos a qualquer campo de entrada de dados dentro

Leia mais

Java Script Pág: 1. Índice

Java Script Pág: 1. Índice Java Script Pág: 1 Índice Índice... 1 Introdução ao JavaScript Básico... 2 Configurações... 2 Usando o Java Script.... 2 Comandos: script language - alert - /script... 3 Variáveis... 4 Regras para criar

Leia mais

INTRODUÇÃO AO DESENVOLVIMENTO WEB

INTRODUÇÃO AO DESENVOLVIMENTO WEB INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Formulários Os formulários em HTML são usados para selecionar diferentes tipos de entradas do usuário. Um formulário é uma área que

Leia mais

Introdução à Linguagem JavaScript. Rodolfo Riyoei Goya

Introdução à Linguagem JavaScript. Rodolfo Riyoei Goya Introdução à Linguagem JavaScript Rodolfo Riyoei Goya 1 Índice 1 Índice... 2 2 Introdução... 4 2.1 Pré-requisitos... 4 2.2 Como funciona um script em JavaScript... 4 2.3 Um script simples em JavaScript...

Leia mais

Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique.

Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique. Lista de Revisão 1. Nos sistemas web, geralmente os usuários apresentam dois problemas típicos, a desorientação e a sobrecarga cognitiva. Discorra sobre esses problemas. 2. Apresente as principais diferenças

Leia mais

HTML - 7. Vitor Vaz da Silva Paula Graça

HTML - 7. Vitor Vaz da Silva Paula Graça HTML - 7 Vitor Vaz da Silva Paula Graça 1 Formulários Os formulários forms no HTML, são utilizados para a introdução de dados de uma determinada aplicação Os programas JavaScript têm como um dos seus maiores

Leia mais

Conteúdo Dinâmico. Introdução. Interação Browser x Servidor Web. Interação Browser x Servidor Web

Conteúdo Dinâmico. Introdução. Interação Browser x Servidor Web. Interação Browser x Servidor Web Introdução Formulários rios & Conteúdo Dinâmico Mário Antonio Meireles Teixeira Dept o. de Informática - UFMA A Web surgiu inicialmente como uma nova forma de comunicação de informações, fazendo uso de

Leia mais

WEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira

WEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira WEBDESIGN Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Formulários e JavaScript Como visto anteriormente, JavaScript pode ser usada para

Leia mais

ALGUMAS CONSIDERAÇÕES

ALGUMAS CONSIDERAÇÕES ALGUMAS CONSIDERAÇÕES JavaScript é uma linguagem que permite injetar lógica em páginas escritas em HTML (HiperText Mark-up Language). As páginas HTML podem ser escritas utilizando-se editores de texto,

Leia mais

Introdução ao Javascript. Parte 2 Prof. Victor Hugo Lopes

Introdução ao Javascript. Parte 2 Prof. Victor Hugo Lopes Introdução ao Javascript Parte 2 Prof. Victor Hugo Lopes agenda Estruturas de comandos Modularização A primeira estrutura de comando da linguagem é baseada na noção da estrutura sequencial, no estilo top-down:

Leia mais

Os componentes de um formulário são: Form, Input, Select e AreaText

Os componentes de um formulário são: Form, Input, Select e AreaText HTML Formulário O elemento FORM, da HTML, é o responsável por prover documentos interativos no ambiente WWW de forma que uma pagina web exibida a um usuário possa submeter um conjunto de dados, informados

Leia mais

Programação para Internet I

Programação para Internet I Programação para Internet I Aulas 09 e 10 Fernando F. Costa nando@fimes.edu.br Formulários O formulário representa o modo mais importante de interatividade que a linguagem HTML oferece. Um formulário pode

Leia mais

JavaScript. Professora Lucélia Oliveira

JavaScript. Professora Lucélia Oliveira 2010 JavaScript Professora Lucélia Oliveira Sumário INTRODUÇÃO... 3 Exemplos práticos... 4 Variáveis... 5 Operadores... 6 Lista de Exerícios 01... 7 Estruturas de controle... 8 Estrutura If... 8 Estrutura

Leia mais

(c) 1997 Luis Carlos de Andrade Rodrigues. dricci@uninet.com.br Todos direitos reservados.

(c) 1997 Luis Carlos de Andrade Rodrigues. dricci@uninet.com.br Todos direitos reservados. (c) 1997 Luis Carlos de Andrade Rodrigues. dricci@uninet.com.br Todos direitos reservados. Manual JavaScript Operadores Matemáticos São operadores a serem utilizados em cálculos, referências de indexadores

Leia mais

COMO FUNCIONA UM FORMULÁRIO

COMO FUNCIONA UM FORMULÁRIO FORMULÁRIOS Constitui-se numa das formas de a máquina cliente enviar informações para que um programa no servidor receba estes dados, processe-os e devolva uma resposta ao usuário, por meio do navegador,

Leia mais

Desenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes

Desenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes Desenvolvimento Web XHTML Formulários Prof. Bruno E. G. Gomes 2014 Introdução Um recurso bastante utilizado no desenvolvimento Web é o envio de dados de uma página para o servidor quando fornecemos informações,

Leia mais

Mais sobre uso de formulários Site sem Ajax

Mais sobre uso de formulários Site sem Ajax Mais sobre uso de formulários Site sem Ajax Página com busca padrão 1 Página com o resultado da busca carregada no local da anterior (o formulário está vazio) Site com Ajax 2 Site usando Ajax para preencher

Leia mais

HTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web;

HTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web; HTML Introdução Introdução ao HTML HTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web; É uma linguagem de hipertexto; Permite escrever texto de forma estruturada, que está

Leia mais

Os objetivos indicados aplicam-se a duas linguagens de programação: C e PHP

Os objetivos indicados aplicam-se a duas linguagens de programação: C e PHP AGRUPAMENTO DE ESCOLAS DE SANTA COMBA DÃO CURSO PROFISSIONAL DE TÉCNICO DE GESTÃO E PROGRAMAÇÃO DE SISTEMAS INFORMÁTICOS 2012-2015 PROGRAMAÇÃO E SISTEMAS DE INFORMAÇÃO MÓDULO 2 Mecanismos de Controlo de

Leia mais

Tutorial JavaScript. Índice: Por: Izaias Lisboa ultima revisão: 13/02/2001 http://www.codefactory.com.br

Tutorial JavaScript. Índice: Por: Izaias Lisboa ultima revisão: 13/02/2001 http://www.codefactory.com.br Tutorial JavaScript Por: Izaias Lisboa ultima revisão: 13/02/2001 http://www.codefactory.com.br Índice: Tópico Página O que é JavaScript 2 Quais browsers suportam JavaScript 2 Iniciando 2 A tag Script

Leia mais

Javascript. Javascript

Javascript. Javascript Javascript 1 1 INTRODUÇÃO...3 2 JAVASCRIPT...3 2.1 O QUE É JAVASCRIPT...3 2.1.1 CARACTERÍSTICAS BÁSICAS...3 2.1.2 O QUE JAVASCRIPT NÃO É...4 2.1.3 PARTICULARIDADES E LIMITAÇÕES...4 2.2 ELEMENTO SCRIPT...5

Leia mais

Programação Web Prof. Wladimir

Programação Web Prof. Wladimir Programação Web Prof. Wladimir Linguagem HTML Listas e Formulários @wre2008 1 Sumário Listas Revisão da tag Criação de formulários HTML @wre2008 2 Listas As listas são utilizadas para citar, numerar

Leia mais

Primeiro contato com JavaScript

Primeiro contato com JavaScript Primeiro contato com JavaScript Visão Geral JavaScript É uma linguagem em formato script; Permite dinamizar funções do site e criar interatividade em páginas web. O JavaScript permite: Coletar dados dos

Leia mais

indica o nome do campo pelo qual podemos acessar.

indica o nome do campo pelo qual podemos acessar. Formulários Em geral Com o Javascript, os formulários Html tomam outra dimensão. Não esqueça que em Javascript, podemos acessar cada elemento de um formulário para, por exemplo, ler ou escrever um valor,

Leia mais

Construção de Sites Aula 6

Construção de Sites Aula 6 Construção de Sites Aula 6 Programa Instrutor Universidade Federal do Paraná Pró-reitoria de Assuntos Estudantis Departamento de Informática 17 de Agosto de 2010 Indice 1 Eventos onload e onunload 2 3

Leia mais

JavaScript. Programação de Servidores. Marx Gomes Van der Linden

JavaScript. Programação de Servidores. Marx Gomes Van der Linden JavaScript Programação de Servidores Marx Gomes Van der Linden JavaScript É uma linguagem de programação interpretada pelo navegador Programação para web no cliente. Padronizada pela W3C e suportada por

Leia mais

, , , , , , , ,... , , , , td

<b>, <big>, <em>, <i>, <small>, <strong>, <sub>, <sup>,... <table>, <tbody>, <thead>, <th>, <tr>, td HTML Hypertext Markup Language Draft 1991; 1.1 1992; 2.0 1993; 3.0 1995; 4.0 1997; 4.01 1999; 5.0 (2011?) Linguagem g de marcação básica utilizada na WEB, que consiste de elementos envolvidos pelos sinais

Leia mais

DHTML - MÓDULO 1: VISÃO GERAL E INTRODUÇÃO Por Marcelo Camargo Visão geral

DHTML - MÓDULO 1: VISÃO GERAL E INTRODUÇÃO Por Marcelo Camargo Visão geral Apostila retirada de http://www.ibestmasters.com.br DHTML - MÓDULO 1: VISÃO GERAL E INTRODUÇÃO Por Marcelo Camargo Visão geral A tecnologia DHTML (Dynamic HTML) foi apresentada inicialmente como um conjunto

Leia mais

4. A Linguagem JavaScript

4. A Linguagem JavaScript 4. A Linguagem JavaScript! A linguagem XHTML, por não ser uma linguagem de programação e sim uma linguagem de marcação, não permite interação entre o usuário e a página, além de clicar em um link, fazendo

Leia mais

Linguagem Javascript. Referências. Aula 1. O que é JavaScript? Capacidades de Javascript. Tipos de JavaScript

Linguagem Javascript. Referências. Aula 1. O que é JavaScript? Capacidades de Javascript. Tipos de JavaScript Referências Linguagem Javascript João Sérgio S. Assis Núcleo de Computação Eletrônica da UFRJ Tel. (021) 2598-3214 Fax. (021) 2270-8554 e-mail: joao@nce.ufrj.br Slides originais: Maurício Bomfim Bibliográficas:

Leia mais

Linguagem de. Aula 06. Profa Cristiane Koehler cristiane.koehler@canoas.ifrs.edu.br

Linguagem de. Aula 06. Profa Cristiane Koehler cristiane.koehler@canoas.ifrs.edu.br Linguagem de Programação IV -PHP Aula 06 Profa Cristiane Koehler cristiane.koehler@canoas.ifrs.edu.br Criação de Formulários o Um formulário consiste em uma série de campos que são preenchidos pelo usuário

Leia mais

Formulário (Send & Recieve) Prof. Celso H. Masotti

Formulário (Send & Recieve) Prof. Celso H. Masotti Formulário (Send & Recieve) Prof. Celso H. Masotti O Send e o Recieve A partir desse momento os exercícios serão realizados com dois arquivos, um de envio de dados (send) e o que recebe esse dados (recieve)

Leia mais

Programação Web Prof. Wladimir

Programação Web Prof. Wladimir Programação Web Prof. Wladimir HTML - Formulários @wre2008 1 Sumário Formulários HTML @wre2008 2 Formulários: Muitos elementos de um formulário html são definidos pela tag . Cada tipo de elemento

Leia mais

Web Design Aula 09: Formulários

Web Design Aula 09: Formulários Web Design Aula 09: Formulários Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação Roteiro Tag ... Tag Tag ... Rádio Checkbox Atributo name Form Um

Leia mais

Obtendo dados com formulários

Obtendo dados com formulários Obtendo dados com formulários Exploraremos agora uma das utilizações mais poderosas para o JavaScript: trabalhar com formulários de HTML. Você pode utilizar JavaScript para tornar um formulário mais interativo,

Leia mais

O código acima descreve o formulário com uma caixa de texto e dois botões

O código acima descreve o formulário com uma caixa de texto e dois botões Formulários Formulários permitem que os usuários interajam com um servidor Web passando informações. Assim, através da Web, se pode ler e gravar informações em Banco de Dados, gerando enormes possibilidades

Leia mais

Primeiro exemplo de uso de páginas JSP

Primeiro exemplo de uso de páginas JSP Primeiro exemplo de uso de páginas JSP Crie um arquivo html com o nome: index, e digite o código abaixo no Eclipse. Salve no seguinte diretório: C:\apache-tomcat-6.0.33\webapps\ROOT\Prog1\ Voces podem

Leia mais

Basicamente iremos precisar de uma base de dados na qual iremos armazenar os registros feitos pelos vistantes: Vamos armazenar os seguintes dados:

Basicamente iremos precisar de uma base de dados na qual iremos armazenar os registros feitos pelos vistantes: Vamos armazenar os seguintes dados: Livro de Visitas Basicamente iremos precisar de uma base de dados na qual iremos armazenar os registros feitos pelos vistantes: Vamos armazenar os seguintes dados: ID nome email mensagem data O código

Leia mais

Programação WEB PROF. FLÁVIO IZO A U LA 0 2 P R O G R A M A Ç Ã O W E B

Programação WEB PROF. FLÁVIO IZO A U LA 0 2 P R O G R A M A Ç Ã O W E B Programação WEB PROF. FLÁVIO IZO A U LA 0 2 P R O G R A M A Ç Ã O W E B Objetivos da Aula 1.0 A Web; 2.0 Websites estáticos e dinâmicos; 3.0 Modelo Cliente Servidor; 4.0 Protocolo HTTP; 5.0 Métodos (GET

Leia mais

Aula 05 HTML FORMULÁRIOS Prof. Daniela Pires Sumário

Aula 05 HTML FORMULÁRIOS Prof. Daniela Pires Sumário Sumário FORMULÁRIO EM HTML... 2 FORM... 2 ACTION... 2 METHOD... 2 INPUT... 2 INPUT TYPE TEXT... 2 INPUT TYPE PASSWORD... 2 CHECKBOX - Múltipla escolha... 4 RADIO - Escolha única... 4 Botões de ação...

Leia mais

Introdução ao Javascript

Introdução ao Javascript Programação WEB I Introdução ao Javascript Apresentação da Disciplina,Introdução a linguagem Javascript Objetivos da Disciplina Apresentar os principais conceitos da linguagem Javascript referente à programação

Leia mais

6. Introdução à Linguagem PHP

6. Introdução à Linguagem PHP 6. Introdução à Linguagem PHP A comunicação na Web exige dois agentes: o cliente web e o servidor web. O cliente requer informação (a partir de uma página HTML acessada pelo navegador) e o servidor fornece

Leia mais

HTML Básico Formulários. Matheus Meira

HTML Básico Formulários. Matheus Meira HTML Básico Formulários Matheus Meira 1 Objetivos Neste apresentação conheceremos os fundamentos básicos de HTML para a manipulação com servlets e jsp. Serão vistos Formulários Links Elementos de disparo

Leia mais

SIMULADOS & TUTORIAIS

SIMULADOS & TUTORIAIS SIMULADOS & TUTORIAIS TUTORIAIS HTML Como criar formulários em HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte por quaisquer

Leia mais

GUIA PHP com MYSQL Autor: Everton Mendes Messias

GUIA PHP com MYSQL Autor: Everton Mendes Messias PHP (Hypertext Preprocessor) : Linguagem de programação interpretada. Tags PHP: phpinfo(); Comentários: //, # - comentário de uma linha /* comentário de várias linhas */ GUIA PHP com MYSQL Autor: Everton

Leia mais

0,5 pelo negrito das palavras ID, Nome, E-mail e Analisar em outro momento.

0,5 pelo negrito das palavras ID, Nome, E-mail e Analisar em outro momento. IFES - Campus Cachoeiro de Itapemirim-ES Curso Técnico em Informática Disciplina: Programação Web Professor: Flávio Izo e Rafael Vargas Data: 07/04/2015 Aluno: GABARITO Valor: 12,5 Conteúdo: HTML + Formulários

Leia mais

Manual de Integração Via Gadget. Passo a passo para realizar a integração entre websites e a plataforma Virtual Target.

Manual de Integração Via Gadget. Passo a passo para realizar a integração entre websites e a plataforma Virtual Target. Manual de Integração Via Gadget Passo a passo para realizar a integração entre websites e a plataforma Virtual Target. Manual de Integração Via Gadget 1. Introdução 1.1. O que é? Virtual Target Gadgets

Leia mais

Incorporando JavaScript em HTML

Incorporando JavaScript em HTML Incorporando JavaScript em HTML Existem quatro maneiras de incorporar JavaScript em HTML. Vamos abordar as três primeiras, por ser mais comum: Entre as tags dentro do código HTML. A partir

Leia mais

FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT)

FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT) FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT) Formulários (FORMS): Um formulário é uma área que pode conter elementos de formulário. Elementos de formulário são elementos que permitem ao usuário

Leia mais

Laboratório 4 Validação do Formulário

Laboratório 4 Validação do Formulário Laboratório 4 Validação do Formulário Introdução Agora que já definimos os nossos documentos usando xhtml e já os embelezámos através da utilização das CSS, está na hora de validar a informação que o utilizador

Leia mais

9.1 - @Entrevista e @Documento - Estrutura da aplicação FM para o SIGA-DOC

9.1 - @Entrevista e @Documento - Estrutura da aplicação FM para o SIGA-DOC 9.1 - @Entrevista e @Documento - Estrutura da aplicação FM para o SIGA-DOC Basicamente a camada VIEW do modelo MVC deve, por definição, só apresentar os dados. Não deve possuir nenhuma lógica sofisticada

Leia mais

JavaScript 2.0X 1.0 3.0X 1.1 4.0 4.05 1.2 4.06 4.61 1.3 5.0 1.4 6.0 1.5

JavaScript 2.0X 1.0 3.0X 1.1 4.0 4.05 1.2 4.06 4.61 1.3 5.0 1.4 6.0 1.5 JavaScript Diego R. Frank, Leonardo Seibt FIT Faculdades de Informática de Taquara Fundação Educacional Encosta Inferior do Nordeste Av. Oscar Martins Rangel, 4500 Taquara RS Brasil difrank@terra.com.br,

Leia mais

Introdução ao javascript ver material de apoio em downloads e também-referência livro javascript manzano.

Introdução ao javascript ver material de apoio em downloads e também-referência livro javascript manzano. Prof. Vania Gimenez- Notas de aula Caro aluno- Este material é só um apoio as aulas, os livros devem ser utilizados para o aprimoramento de seu estudo. -----------------------------------------------------------------------------------------------------------------

Leia mais

PROGRAMAÇÃO PARA INTERNET. Fonte: Raul Paradeda

PROGRAMAÇÃO PARA INTERNET. Fonte: Raul Paradeda PROGRAMAÇÃO PARA INTERNET Introdução à AJAX Fonte: Raul Paradeda INTRODUÇÃO Para entender o que é o AJAX é necessário ter o prévio conhecimento de: HTML / XHTML; Javascript; CSS; XML. INTRODUÇÃO Ao pesquisar

Leia mais

WORKSHOP. 2ª Sessão 08/10/15

WORKSHOP. 2ª Sessão 08/10/15 WORKSHOP 2ª Sessão 08/10/15 HTML e CSS http://neecist.org/workshop JavaScript: O que é? Linguagem de programação interpretada pelo browser Corre do lado do cliente Permite manipular elementos da página

Leia mais

ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia3.zip dezembro 1995 Tutorial - Autoria em World Wide Web

ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia3.zip dezembro 1995 Tutorial - Autoria em World Wide Web RNP REDE NACIONAL DE PESQUISA Centro Regional de Brasília CR/DF ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia3.zip dezembro 1995 Tutorial - Autoria em World Wide Web Parte III - Hypertext

Leia mais

Ferramentas para Multimídia e Internet - 1486

Ferramentas para Multimídia e Internet - 1486 1 Ferramentas para Multimídia e Internet - 1486 HTML BÁSICO: O que é uma página WEB? Uma página WEB, também conhecida pelo termo inglês webpage, é uma "página" na World Wide Web, geralmente em formato

Leia mais

Os componentes HTML possuem a capacidade de configurar eventos

Os componentes HTML possuem a capacidade de configurar eventos Javascripts (JS) Eventos no HTML Os componentes HTML possuem a capacidade de configurar eventos Estes eventos são tratados por um código específico, criado pelo programador, em funções javascript Alguns

Leia mais

Mini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva

Mini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Aula 1 Breve introdução de HTML, Conceitos básicos de PHP, Sintaxe, Separador de instruções e Comentários (Cap 1

Leia mais

Programação para a Internet II 2.13. PHP AJAX. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt

Programação para a Internet II 2.13. PHP AJAX. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Programação para a Internet II 2.13. PHP AJAX Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Ajax não é uma tecnologia! É um conceito! Consiste no uso do objecto XMLHttpRequest que se encontra implementado

Leia mais

Desenvolvedores do Século XXI

Desenvolvedores do Século XXI O Projeto desenvolvedores do século XXI, é um projeto sem fins lucrativos, que visa prestar serviços de treinamento de informática para adolescentes e jovens, proporcionando a sua inclusão digital. Criado

Leia mais

Scriptlets e Formulários

Scriptlets e Formulários 2 Scriptlets e Formulários Prof. Autor: Daniel Morais dos Reis e-tec Brasil Programação Avançada Para Web Página1 Meta Permitir ao aluno aprender a criar um novo projeto Java para web no Netbeans IDE,

Leia mais
,