Jump to content

Máscaras Em Campos De Cadstro - Cdigitalbush.com

Euclides

By Euclides
in Gerenciadores de hospedagem

 Share

Recommended Posts

Euclides

Euclides

Posted
  • Author
Posted

Você baixou o .js e colocou na pasta do seu site ou só colocou o <script src="jquery.maskedinput.js"type="text/javascript"></script> ?

Na realidade eu tomei como refência a linha "<script type="text/javascript" src="includes/jscript/pwstrength.js"></script>

" e coloquei o .js dentro "includes/jscript"

Em seguida adicionei em clientregister.tpl a linha "<script type="text/javascript" src="includes/jscript/jquery.maskedinput.js"></script>"

Testei e não funcionou.

Link to comment
Share on other sites
  • Administration
AngelCosta

AngelCosta

Posted
  • Administration
Posted

Não esquece de jogar no header:

jQuery(function($){

   $("#date").mask("99/99/9999");

   $("#phone").mask("(999) 999-9999");

   $("#tin").mask("99-9999999");

   $("#ssn").mask("999-99-9999");

});[/CODE]



De acordo com o que vc quiser fazer, claro.

Estou usando isso no meu template novo de whmcs.

'Cause he's my best friend, he's my pal. He's my homeboy, my rotten soldier. He's my sweet cheese. My good-time boy.

Link to comment
Share on other sites
Euclides

Euclides

Posted
  • Author
Posted

Não esquece de jogar no header:

jQuery(function($){

$("#date").mask("99/99/9999");

$("#phone").mask("(999) 999-9999");

$("#tin").mask("99-9999999");

$("#ssn").mask("999-99-9999");

});

De acordo com o que vc quiser fazer, claro.

Estou usando isso no meu template novo de whmcs.

Angélica, obrigado pela ajuda.

Ainda não consegui. Seque abaixo tudo que fiz para incluir as máscaras de preenchimento de campos.

1- adicionei dentro da tag head, no header.tpl, conforme orientação;

jQuery(function($){

$("#date").mask("99/99/9999");

$("#phonenumber").mask("(999) 999-9999");

$("#tin").mask("99-9999999");

$("#ssn").mask("999-99-9999");

});

2-adicionei a linha "<script type="text/javascript" src="jquery.maskedinput.js"></script>" no início do clienteregister.tpl

Segue imagem de erro no início do formulário de cadastro.

Devo ter feito algo errado.

Obrigado pela ajuda

post-4951-0-23318900-1353003374_thumb.pn

Link to comment
Share on other sites
McGuyver

McGuyver

Posted
Posted

Olá galera, Boa Noite!

Depois de quebrar um pouco a cabeça e com a ajuda da Angélica e um monte de testes aqui, consegui fazer funcionar. É que é simples para quem entende programação, mas bem mais complicado para quem nunca programa, como eu ! :-D

Então lá vai... Primeira coisa, acescentar no arquivo header.tpl que fica na pasta templates/seu_template (por exemplo, caso você esteja utilizando o template default para a área do cliente, o mesmo estará em templates/default, à partir da pasta principal do WHMCS), o seguinte conteúdo entre as tags <head> e </head>:


<script type="text/javascript" src="includes/jscript/jquery.maskedinput-1.3.js"></script>

{literal}

	 <script>

	 jQuery(function($) {

	 $.mask.definitions['~']='[+-]';

	 $("#postcode").mask("99999-999");

	 $("#customfield1").mask("999.999.999-99");

	 $("#customfield3").mask("99/99/9999");

	 });

	 </script>

{/literal}
Substitua nos campos acima, o nome dos campos nos quais você deseja ter a função de marcaramento funcionando. O campo "postcode" é o campo original do CEP utilizado pelo WHMCS. Os outros dois campos são campos personalizados que eu criei. Para saber o nome correto dos campos você pode olhar o código da página register.php gerado no seu navegador. Você utilizará o id do campo. Você pode colocar esse código logo após a linha onde está: 

<script src="templates/{$template}/js/whmcs.js"></script>
Caso utilize outra versão do jquery ou venha à renomear o script, altere o nome do arquivo na linha onde está: 

<script type="text/javascript" src="includes/jscript/jquery.maskedinput-1.3.js"></script>

Depois disso é só baixar o arquivo "jquery.maskedinput-1.3.js" (ou outra versão mais nova, caso exista) no site à seguir: http://digitalbush.c...d-input-plugin/

e enviar para a pasta includes/jscript que fica dentro da pasta principal do WHMC.

Limpe os cache dos templates clicando em Utilitarios (Utilities) >> Sistema (System) >> Limpeza do Sistema (System Cleanup) >> Esvaziar Cache dos Modelos (Empty Template Cache)

Acesse sua Central do Cliente e divirta-se. Caso haja algum problema, por favor me informe para que eu corrija o post! ;-)

Abraços e Sucesso à todos!

1
Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.

×
×
  • Create New...

Important Information

Do you agree with our terms?

  I accept