PI S7 DSW II DouglasARS: mudanças entre as edições
imported>Douglas |
imported>Douglas |
||
| Linha 29: | Linha 29: | ||
Para baixar os arquivos clique em: [http://files.rafaelwendel.com/jquery.js jquery.js] e [http://files.rafaelwendel.com/jquery.maskedinput.js jquery.maskedinput.js]. | Para baixar os arquivos clique em: [http://files.rafaelwendel.com/jquery.js jquery.js] e [http://files.rafaelwendel.com/jquery.maskedinput.js 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. | |||
<pre> | |||
[...] | |||
[/html] | |||
<script type="text/javascript" src="jquery.js"></script> | |||
<script type="text/javascript" src="jquery.maskedinput.js"></script> | |||
</head> | |||
<script type="text/javascript"> | |||
$(document).ready(function(){ | |||
$("input.data").mask("99/99/9999"); | |||
$("input.cpf").mask("999.999.999-99"); | |||
$("input.cep").mask("99.999-999"); | |||
}); | |||
</script> | |||
<body> | |||
[...] | |||
</pre> | |||
=Validação de Campos= | =Validação de Campos= | ||
Edição das 19h05min 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.
[...]
[/html]
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.maskedinput.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function(){
$("input.data").mask("99/99/9999");
$("input.cpf").mask("999.999.999-99");
$("input.cep").mask("99.999-999");
});
</script>
<body>
[...]
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
| << | <> | >> |
|---|