Validação de Campos em JavaScript

Prévia do material em texto

Usuário VANDERSON PAULO
Curso GRA0252 DESENVOLVIMENTO DE SOFTWARE PARA WEB PTA - 202010.ead-
29770908.06
Teste ATIVIDADE 2 (A2)
Iniciado 29/02/20 00:10
Enviado 29/02/20 01:26
Status Completada
Resultado da
tentativa
10 em 10 pontos 
Tempo decorrido 1 hora, 15 minutos
Resultados exibidos Respostas enviadas, Respostas corretas, Comentários
Pergunta 1
A validação de um campo pode ser realizada de duas maneiras: a verificação da estrutura e a
verificação do valor. No caso, por exemplo, do CPF, a verificação da estrutura poderá ser realizada
com a utilização de expressões regulares e, a verificação do valor, com codificação JavaScript direta.
Para essa questão, suponha o código para a validação estrutural abaixo.
 
<html>
 <head>
 <script language="JavaScript">
 function VerificarCPF(f)
 {
 var exp_regCPF = ___;
 if(exp_regCPF.test(f.___.value))
 {
 alert("___");
 return true;
 }
 else
 {
 alert("___");
 return true;
 }
 }
 </script>
 </head>
 <body>
 <form name="cadastro" method=”POST”
 _1_="return VerificarCPF(this);">
 <p>Número do CPF: <input type="text" name="cpf"></p>
 <p><label><input type="submit" name="Verificar"
1 em 1 pontos
Resposta Selecionada: 
Resposta Correta: 
Feedback
da
resposta:
 value="Verificar"></label></p>
 </form>
 </body>
</html>
 
Preencha os campos em aberto escolhendo itens da lista a seguir.
 
I. onSubmit
II. action
III. /^\d{3}\.\d{3}\.\d{3}\-\d{2}$/
IV. /^\d{0-9}\.\d{0-9}\.\d{0-9}\-\d{0-9}$/
V. cpf
VI. cadastro
VII. CPF não válido
VIII. CPF válido
 
Assinale a alternativa que contém a sequência correta.
 III; V; VIII; VII; I.
 III; V; VIII; VII; I.
Resposta correta. Sua resposta está correta. Você acertou a expressão regular
observando os campos que representam valores e aqueles que representam a
quantidade de ocorrências. Além disso, fez uso do método test de forma apropriada e
acertou quando usar o action e quando usar o onSubmit.
Pergunta 2
Em algumas páginas, após um tempo de inatividade, surgem alguns elementos como, por exemplo, a
abertura de uma janela de chat oferendo ajuda para navegar na página. Para essa questão, suponha o
código a seguir, para implementar esse recurso do chat:
 
<html>
 <head>
 <title>Inicia Página</title>
 <script language="JavaScript">
1 em 1 pontos
 function IniciaPagina()
 {
 ___(___, 1000);
 }
 
 function AbreChat()
 {
 //aqui conteria o código do chat...
 }
 </script>
 </head>
 <body ___="___()">
 Restante da página...
 </body>
</html>
 
Preencha os espaços com os elementos abaixo enumerados.
 
Resposta Selecionada: 
Resposta Correta: 
Feedback
da
resposta:
I. onload
II. IniciaPagina
III. setTimeout
IV. setInterval
V. AbreChat
 
Assinale a opção que contenha a sequência correta.
 III; V; I; II.
 III; V; I; II.
Resposta correta. Sua resposta está correta. Para eventos que ocorram apenas uma
vez, usa-se o setTimeout. Por outro lado, para eventos periódicos e cíclicos, usa-se o
método setInterval.
Pergunta 3
Resposta Selecionada: 
Resposta Correta: 
Feedback
da
resposta:
É comum incorporar à página HTML, código JavaScript para, dentre outras coisas, realizar validação
dos campos do formulário. Uma outra utilização do JavaScript consiste na manipulação das folhas
CSS, para que seja possível a construção de páginas responsivas. Dentre as afirmativas abaixo,
assinale com “V”, o que for verdadeiro e, com “F”, o que for falso. 
 
(_) o código JavaScript deve estar localizado na área de cabeçalho da página, ou seja, dentro da
região delimitada por <head> e </head>.
(_) o nome do script 
JavaScript deverá ser referenciado por meio do parâmetro action da tag <form>.
(_) a validação do formulário pode ocorrer somente quando o botão de submissão for pressionado pelo
usuário.
(_) a ativação de um script pode ser realizada também por meio de eventos tal como o onkeypress .
 
Marque a alternativa que contenha a sequência correta.
V; F; F; V.
V; F; F; V.
Resposta correta. Sua resposta está correta. Validação de campos do formulário poderá
ser realizada, tanto no momento de submissão, quanto na ocorrência de eventos, tais
como oonkeypress e o onmouseover . Para tanto, o código de tratamento escrito em
JavaScript deverá estar dentro da região de cabeçalho. Em relação ao action , não se
deve confundir esse parâmetro com o onsubmit . O action serve para referenciar
o script (por exemplo, escrito em PHP) que enviará os dados ao servidor e,
o onsubmit serve para referenciar o script de validação.
Pergunta 4
Expressões regulares são extremamente úteis para a validação dos campos do formulário pois elas
1 em 1 pontos
1 em 1 pontos
Resposta Selecionada: 
Resposta Correta: 
Feedback
da
resposta:
atuam na verificação da estrutura da informação fornecida pelo usuário. Para essa questão, considere
o código a seguir.
 
<html>
 <head>
 < script 
language="JavaScript">
 function ExibirBandeiraCC(f)
 {
 var exp_regVISA = ___ ;
 var exp_regMASTER = ___ ;
 if(exp_regVISA. ___ (f. ___ .value))
 {
 alert("O cartão digitado é VISA");
 return true;
 }
 if(exp_regMASTER. ___ (f. ___ .value))
 { 
 alert("O cartão digitado é MASTER");
 return true;
 }
 alert("Cartão não é VISA e nem MASTER");
 return true;
 }
 </script>
 </head>
 <body>
 <form name="Num_CC" method=”POST”
 onSubmit="return ExibirBandeiraCC(this);">
 <p>Número do CC: <input type="text" name="cc"></p>
 <p><label><input type="submit" name="Verificar"
 value="Verificar"></label></p>
 </form>
 </body>
</html>
 
Considerando que cartões VISA sempre são iniciados pelo dígito 4 e os cartões MASTER são
iniciados com o valor 5 e o segundo dígito varia entre os valores 1 e 5
A partir destas observações, preencha os campos em aberto escolhendo itens da lista a seguir:
 
I. test
II. /^4[0-9]{12,15}$/
III. /^5[0-9]{12,15}$/
IV. /^5[1-5]{1}[0-9]{14}$/
V. cc
VI. NumCC 
 
Assinale a alternativa que contém a sequência correta.
II; IV; I; V; I; V.
II; IV; I; V; I; V.
Resposta correta. Sua resposta está correta. Realmente você percebeu bem a formação
da expressão regular, principalmente do cartão MASTER. Você selecionou corretamente
o métodotest, que faz a verificação com base da expressão regular. Por fim, você
associou corretamente o nome do campo do formulário.
Pergunta 5
Padrões de projeto tem o objetivo de auxiliar o processo de projeto e implementação de sistemas
computacionais, dentre os quais podemos relacionar as páginas web . Dentre os padrões existentes,
podemos citar o GOF que consiste de uma coleção de padrões classificados em padrões de criação,
padrões estruturais e padrões comportamentais. Muitos destes padrões compõem, ainda, o padrão
MVC. Para essa questão, encontramos, abaixo, uma definição sumária de quatro destes padrões:
 
I. Composite : permite a composição de objetos estabelecendo-se uma árvore de hierarquia e
relacionamentos entre objetos que compõem a estrutura.
II. Applicability : independentemente da estrutura do objeto, todos os objetos de uma estrutura são
1 em 1 pontos
Resposta Selecionada: 
Resposta Correta: 
Feedback
da
resposta:
tratados de forma uniforme, desprezando-se as diferenças entre eles.
III. Facade : esse padrão objetiva a construção de uma interface unificada para a integração de um
conjunto de interfaces.
IV. Data Access Object : realiza a mediação entre a aplicação propriamente dita e a base de dados.
 
Dados os exemplos de uso, numere-os de forma a estabelecer um relacionamento entre os padrões
apresentados acima e os exemplos de uso.
 
(_) Permite um baixo acoplamento e uma simplificação em relação à manutenção do sistema.
(_) Pode ser usado em ambientes que permitam uma editoração gráfica, na qual a figura consiste de
uma árvore de objetos.
(_) Criar subcamadas do sistema, permitindouma abstração em um nível acima. 
(_) Em um editor gráfico, todos os objetos gráficos, independentemente de suas composições, podem
ser reunidos em uma classe abstrata, que incorpora as particularidades de todos os abrangidos.
 
Assinale a alternativa que contenha a sequência correta.
IV; I; III; II.
IV; I; III; II.
Resposta correta. Sua resposta está correta. Temos vários padrões envolvendo a criação
de páginas. Cada padrão cobre um aspecto específico em relação à estrutura,
comportamento e de visão.
Pergunta 6
Resposta Selecionada: 
Resposta Correta: 
Feedback
da
resposta:
Às vezes, por uma questão de praticidade ou de comodidade, desenvolvemos páginas em um
ambiente diferente em relação ao de produção. Aquele que o sistema, em sua versão final, será
implantado para ser operado. Analise as afirmativas a seguir e assinale com “V”, o que for verdadeiro
e com “F”, o que for falso.
 
(_) O desenvolvedor deve prestar atenção em diferenças dos ambientes Linux e Windows, como, por
exemplo, realizar a verificação dos atributos de permissão de arquivos, mais rígidos no Linux.
(_) Deve-se optar por desenvolver em um ambiente distinto em relação à produção para que se possa
testar a compatibilidade do código.
(_) Caso haja necessidade de desenvolver em uma máquina Windows, pode-se instalar uma máquina
virtual Linux para que todo o trabalho seja desenvolvido para tal ambiente.
(_) Apache e MySQL foram desenvolvidos nativamente para Linux.
 
Assinale a opção correta.
V; F; V; V.
V; F; V; V.
Resposta correta. Sua resposta está correta. O desenvolvimento de páginas que
envolvem PHP, Apache e MySQL serão melhor desenvolvidos e executados em
ambientes dotados de Linux. É interessante que os ambientes (de desenvolvimento e de
produção) sejam iguais, para se evitar possíveis comportamentos indesejados de
processamento.
Pergunta 7
Suponha que você tenha que implementar um projeto que relaciona a classe pessoa 
(que contém o método locomover ) a três tipos de veículos: carro (métodos acelera e freia ), bicicleta
(métodospedala e freia ) e moto (métodos acelera 
e freia ). Para melhorar o projeto, pode-se, por exemplo, adotar o padrão strategy . Para essa
questão, suponha as afirmativas abaixo.
 
I. A nova versão implementaria uma interface do tipo veículo , que contém os métodos acelera e freia. 
II. A nova versão implementaria uma nova classe do tipo veículo , que contém os
métodos acelera e freia. 
III. Na nova versão, as classes carro , bicicleta e moto 
implementariam a interface veículo. 
IV. Na nova versão, as classes carro , bicicleta e moto fariam parte da composição da classe veículo .
V. Na nova versão, as classes carro , bicicleta e moto fariam um relacionamento de cardinalidade 1:1
para a interface veículo. 
1 em 1 pontos
1 em 1 pontos
Resposta Selecionada: 
Resposta Correta: 
Feedback
da
resposta:
 
Assinale a alternativa correta.
As afirmativas I e III são verdadeiras.
As afirmativas I e III são verdadeiras.
Resposta correta. Você assinalou a alternativa correta. O padrão strategy sempre
implicará em criação de uma interface para que haja apenas um ponto de relacionamento
entre o agente e os métodos relativos às classes aglutinadas pela interface.
Pergunta 8
Resposta Selecionada: 
Resposta Correta: 
Feedback
da
resposta:
Para o envio das informações fornecidas pelo usuário por meio dos campos do formulário, pode-se
contar com dois métodos: o método POST e o GET. O uso do método é especificado no argumento
“ method ” da tag<form>. Para essa questão, analise as afirmações a seguir, associando o valor “V”,
para o que for verdadeiro e, o valor “F”, para o que for falso.
 
(_) A coleta do valor deve ser realizada por meio de uma função específica, da seguinte forma: var v =
getDataForm(método, nome_campo); No caso, o método passado como argumento diferenciará entre
“POST” e “GET”.
(_) Para coletar a informação, basta acessar a variável “$_GET” ou “$_POST”, referenciando o nome
do campo do formulário da seguinte forma, por exemplo, para acessar um campo denominado
“telefone” do formulário: var v = $_POST(“telefone”).
(_) É possível passar, ao servidor, informações ocultas ao usuário por meio de campos com atributo
“ hidden ” ao parâmetro type .
(_) Pode-se usar diretamente os nomes dos campos definidos na criação do formulário, porém, para
isso, é aconselhável usar, antes, o método import_request_variables().
 
Assinale a opção que contenha a sequência correta.
F; V; V; V.
F; V; V; V.
Resposta correta. Sua resposta está correta. Realmente a coleta dos valores do
formulário poderá ser feita de duas formas: utiliza-se as variáveis super globais
“$_POST” ou “$_GET” ou, ainda, pode-se utilizar as variáveis que o desenvolvedor
atribuiu aos campos do formulário. Porém, neste último caso, deve-se sincronizar as
variáveis pelo uso do método import_request_variables() ou garantindo-se que a diretiva
do PHP “register_globals” esteja setada.
Pergunta 9
Resposta Selecionada: 
Resposta Correta: 
Muito se fala em aplicar padrões de projeto ( design pattern ) para o desenvolvimento de sistemas
computacionais, dentre os quais encontram-se as páginas web . Para essa questão, considere as
afirmativas abaixo.
 
I. Possibilidade de reutilização de código, ou seja, usar componentes já utilizados em outros projetos;
II. Decomposição do sistema em camadas funcionais;
III. Separação de partes dependentes daquelas independentes do ambiente no qual o sistema será
executado.
IV. Possibilidade de uma documentação mais completa e concisa.
 
Associe as afirmativas acima com as possíveis consequências:
(_) melhor abstração do sistema, deixando-o mais legível para a codificação, depuração, correção e
manutenção;
(_) maior facilidade para a portabilidade dos sistemas para outros ambientes computacionais;
(_) facilitar o diálogo entre as equipes que atuarão no desenvolvimento do projeto;
(_) diminuição do tempo gasto para a implementação do sistema, acarretando, consequentemente,
diminuição dos gastos.
 
Assinale a opção que contenha a sequência correta de relações entre as afirmativas e as
consequências.
II; III; IV; I.
II; III; IV; I.
1 em 1 pontos
1 em 1 pontos
Sábado, 29 de Fevereiro de 2020 01h26min26s BRT
Feedback
da
resposta:
Resposta correta. Sua resposta está correta. Realmente a adoção de padrões de projeto
acarretam em vários benefícios, tais como: benefícios em prol da diminuição dos custos,
melhor manutenibilidade, mais praticidade para a portabilidade do sistema para outros
ambientes. Um fator que não podemos deixar de citar é a documentação que os padrões
produzem, propiciando trabalhos futuros mais profícuos, não somente em relação ao
próprio projeto, como também em projetos futuros, que poderão ser espelhados além de
que, uma boa documentação facilita a interação entre os diversos membros e grupos que
atuarão no desenvolvimento do projeto.
Pergunta 10
Resposta Selecionada: 
Resposta Correta: 
Feedback
da
resposta:
Várias páginas oferecem a possibilidade de interação com o usuário por meio de formulários. Para um
processamento correto, as informações fornecidas devem ser validadas, para que possam ser
processadas no servidor. Considerando isso, analise as afirmações a seguir. 
 
I. Em um modelo de III camadas, a validação do formulário deve ocorrer na camada I, tanto em
relação à estrutura, quanto em relação à regra de negócio.
II. A validação de estrutura deve ocorrer na camada I e a validação em relação às regras de negócio
na camada II.
III. É comum usar, para a validação em relação à estrutura, JavaScript e, para as regras de negócio,
comumente usa-se PHP.
IV. Toda validação é realizada na camada II, aplicando-se funções escritas em PHP.
 
A partir das observações realizadas, marque a alternativa correta.
As afirmativas II e III são verdadeiras.
As afirmativas II e III são verdadeiras.
Resposta correta. Sua resposta está correta. Realmente, para uma melhor estruturação,
aproveitamento dos recursos (tanto de processamento, quanto de comunicação), divide-
seo sistema em camadas. A camada I, mais próxima ao usuário, é responsável pela
interatividade. Dessa forma, encontramos nela, os formulários. Sendo assim, a parte da
estrutura das informações fornecidas deverá ser tratada nesta camada. Por outro lado,
as regras de negócio são específicas a cada aplicação. Desta forma, a validação e o
processamento inerente às regras de negócio fazem parte da camada II.
1 em 1 pontos