jorgerabello
(usa Ubuntu)
Enviado em 12/05/2012 - 05:29h
Fala Galera, tudo jóia ?! Resolvi o problema agorinha (12/05/12 - 05:19)
Embarquei na dica do colega wdmatheus e resolvi fazer em JQeury, então utilizei o JQuery e um addin chamado jaquery.masked input aí ficou assim pra chamar os arquivos JQuery e faer as mascaras:
<head>
<meta http-equiv=Content-Type content=text/html; charset=UTF-8>
<script type=text/javascript src=jquery/jquery-1.5.2.min.js></script>
<script type=text/javascript src=jquery/jquery.maskedinput-1.3.js></script>
<script type=text/javascript>
jQuery(function($){
$(#campoData).mask(99/99/9999);
$(#tel_fixo).mask((99) 9999-9999);
$(#tel_celular).mask((99) 9999-9999);
$(#campoSenha).mask(***-****);
});
</script>
</head>
obs :
$(#campoData).mask(99/99/9999); // campoData é o name do campo no formulário.
Bom, resumo da ópera, reparem que existem várias regras sendo quebradas neste trecho do código:
1. Não fechei a tag meta:
COMO EU FIZ:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
COMO TEM QUE SER
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
2.Não respeitei as aspas das tags script:
COMO EU FIZ:
<script type=text/javascript src=jquery/jquery-1.5.2.min.js></script>
<script type=text/javascript src=jquery/jquery.maskedinput-1.3.js></script>
<script type=text/javascript>
jQuery(function($){
$(#campoData).mask(99/99/9999);
$(#tel_fixo).mask((99) 9999-9999);
$(#tel_celular).mask((99) 9999-9999);
$(#campoSenha).mask(***-****);
});
</script>
COMO DEVE SER:
<script type="text/javascript" src="jquery/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="jquery/jquery.maskedinput-1.3.js"></script>
<script type="text/javascript">
jQuery(function($){
$("#campoData").mask("99/99/9999");
$("#tel_fixo").mask("(99) 9999-9999");
$("#tel_celular").mask("(99) 9999-9999");
$("#campoSenha").mask("***-****");
});
</script>
Depois que eu corrigi isso foi mole mole.... aí só precisei invocar os campos no php:
print ("<label for=tel_fixo>Telefone Fixo</label> <br />");
print ("<input type=text name=tel_fixo id=tel_fixo size=53
value='$ln[tel_fixo]'/><br />");
print ("<label for=tel_celular>Telefone Celular</label> <br />");
print ("<input type=text name=tel_celular id=tel_celular size=53
value='$ln[tel_celular]' /><br />");
print ("</fieldset>");
EMFIM:
CÓDIGO ERRADO:
<head>
<meta http-equiv=Content-Type content=text/html; charset=UTF-8>
<script type=text/javascript src=jquery/jquery-1.5.2.min.js></script>
<script type=text/javascript src=jquery/jquery.maskedinput-1.3.js></script>
<script type=text/javascript>
jQuery(function($){
$(#campoData).mask(99/99/9999);
$(#tel_fixo).mask((99) 9999-9999);
$(#tel_celular).mask((99) 9999-9999);
$(#campoSenha).mask(***-****);
});
</script>
CÓDIGO CORRETO:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="jquery/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="jquery/jquery.maskedinput-1.3.js"></script>
<script type="text/javascript">
jQuery(function($){
$("#campoData").mask("99/99/9999");
$("#tel_fixo").mask("(99) 9999-9999");
$("#tel_celular").mask("(99) 9999-9999");
$("#campoSenha").mask("***-****");
});
</script>
Valeu galera e ateh mais !