PI S7 DSW II DouglasARS: mudanças entre as edições
imported>Douglas |
imported>Douglas |
||
| Linha 51: | Linha 51: | ||
[...] | [...] | ||
</pre> | </pre> | ||
<blockquote style="background: #FFEEFF; border: 1px solid red; margin-left: 0px; margin-right: 0px; padding: 1em;"> | |||
Notem que os arquivos jquery.js e jquery.maskedinput.js estão dentro da pasta '''scripts''' que eu criei dentro da pasta padrão da aplicação. Portanto, vocês devem indicar o local correto para poder funcionar. | |||
</blockquote> | |||
=Validação de Campos= | =Validação de Campos= | ||
Edição das 19h14min de 23 de março de 2016
Apresentação
Olá Alunos,
Entramos pela sétima semana, vamos de leve essa semana, já que vocês tem bastante trabalho pela frente e vou aproveitar para mostrar ou relembrar, se for o caso, como utilizar máscaras para entrada de dados em campos de formulário. Também vamos apresentar uma técnica de validação das informações desses campos utilizando PHP. Fiquem atentos e façam uso do Fórum: Pergunte ao Professor no moodle.
Bons estudos a todos!
Prof. Douglas A.
Objetivo
- Máscaras para campos de formulário;
- Validação de campos.
Máscaras de Campos
Quando estamos desenvolvendo uma aplicação web que trabalha com formulários e banco de dados, surgirá uma necessidade: a chamada máscara dos campos. Isso ocorre quando queremos que usuário do sistema entre com uma informação com um formato pré-determinado de modo que seja necessário respeitar os padrões pré-determinados.
Antes disso, é necessário termos nosso banco devidamente modelado, pois assim o processo de recuperação das informações é menos trabalhoso, sem falar na questão de aparência na exibição dos dados.
Exemplo: utilizando máscara podemos definir que o campo telefone só poderá aceitar caracteres numéricos os caracteres ( ) -. Ficando assim: abre parênteses na 1ª posição, fecha parênteses na 4ª posição e o traço na 9ª posições. garantindo com isso, que todos os números de telefone serão no estilo (99)9999-9999.
Telefone é só um exemplo, podemos usar máscaras para CPF: 999999999-99 , CNPJ: 99.999.999/9999-99, datas: 99/99/9999, CEP: 99999-99, etc.
- Como utilizar máscaras?
Para facilitar esse processo um tanto complexo de construção de máscaras, utilizamos algo relativamente simples, o script jquery com o complemento jquery.maskedinput.
Para baixar os arquivos clique em: jquery.js e jquery.maskedinput.js.
O trecho do código abaixo exemplifica o uso da máscara em um arquivo de formulário. Coloquei até máscaras que ainda não utilizei para servirem de exemplo.
[...]
</head>
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/jquery.maskedinput.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function(){
$("input.data").mask("99/99/9999");
$("input.cpf").mask("999999999-99");
$("input.cep").mask("99999-999");
$("input.telefone").mask("(99)9999-9999");
});
</script>
<body>
[...]
Notem que os arquivos jquery.js e jquery.maskedinput.js estão dentro da pasta scripts que eu criei dentro da pasta padrão da aplicação. Portanto, vocês devem indicar o local correto para poder funcionar.
Validação de Campos
[...]
Vídeos
Organização da Semana 7
Nesta sexta semana apresentamos [...] Um abraço,
Bom trabalho!
Prof. Douglas A.
Referências
| << | <> | >> |
|---|