Pesquisa no site
Itens ativos
Posts mais lidos hoje
Login do usuário
Assine o RSS do Drupal-BR
Validando formulário com jquery !
Daê galera !
vou explicar aqui.
como validar campos de formulário utilizando javascript.
primeiramente, baixe o jQuery Masked Input.
http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.2.js
dai, vc vai extrair dentro da pasta misc do seu site, depois vc vai acessar a pasta page.tpl que fica no tema que vc estiver utilizando.
abaixo da linha <?php print $scripts ?>
vc vai criar um script acionando manualmente o jQuery...
vai ficar assim..
<script type="text/javascript" src="/default/misc/jquery.js?N"></script> /*aqui esta acionando o jQuery manualmente*/
<script type="text/javascript" src="/default/misc/jquery.maskedinput-1.2.2.js"></script>/*aqui esta acionando o maskedinput*/
<script>
jQuery(function($){
jQuery("#aqui vc vai adicionar a id do seu campo. ex: se vc quer validar o formulario cpf vc vai colocar aqui a ide o campo cpf").mask("999.999.999-99");
jQuery("#aqui vc vai adicionar a id do seu campo. ex: se vc quer validar o formulario telefone vc vai colocar aqui a ide o campo telefone").mask("(999) 999-9999");
/*e assim por diante....*/
});
</script>
<script type="text/javascript" src="/default/misc/jquery.maskedinput-1.2.2.js"></script>/*aqui esta acionando o maskedinput*/
<script>
jQuery(function($){
jQuery("#aqui vc vai adicionar a id do seu campo. ex: se vc quer validar o formulario cpf vc vai colocar aqui a ide o campo cpf").mask("999.999.999-99");
jQuery("#aqui vc vai adicionar a id do seu campo. ex: se vc quer validar o formulario telefone vc vai colocar aqui a ide o campo telefone").mask("(999) 999-9999");
/*e assim por diante....*/
});
</script>
duvidas postem aqui.
Enviado por foxdirt007 em 11/05/2009 - 18:41
- Se logue ou se registre para poder enviar comentários
- 3395 leituras
Poxa vida, bem útil!!! Procurei por algum módulo que fizesse isso e não achei... valeu!!
Ok !
Uma coisa legal tambem é a utilização do plugin Example para quando um formulário for iniciado, já conter texto dentro do box.
No site do desenvolvedor tem exemplos e a explicação de como utilizar
http://mucur.name/system/jquery_example/
Abraço
Erick Alves
www.erickalves.com.br
Uma forma mais simples e de acordo com as "boas práticas" de programação é utilizar a função drupal_add_js na página em que aparece o formulário. Adicionando o código diretamente no page.tpl.php, o script carregará em todas as páginas. Utilizando essa função, ele aparecerá somente na página do formulário.
João Paulo Mesquita
Contemptum venturis doloris
galera !
ta rolando um problema com jquery e o modulo view no drupal,
oq rola...
utilize uma jquery somente para validação, pode ficar ate fora do diretorio misc,
vc pode criar este script acima dentro do node.tpl..
dai vc cria uma função em php mesmo..
vai ficar assim..
// <?php if($node->type='webform'): ?> //aqui, o script so funciona se estiver em um "webform".
// dai aqui dentro vc bota o script acima.
// <?php endif; ?>
espero que tenham entendido.
abraço.