Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

depaulatec

Validar form com jquery validate e plugin maskedinput

Recommended Posts

Ola amigos, venho trabalhando com progamação na area web a pouco tempo, precisei validar um formulario a e usei javascript onde foi meu primeiro contato com a linguagem e deu tudo certo. So que validação de formularios esta sendo uma coisa constante no meu trabaçho e decidir estudar jquery visando facilitar o trabalho. Consegui validar com jquery normalmente com as linguagens no mesmo script mas tenho a necessidade de colocar a validação jquery em um script diferente do html e nao estou sabendo chamar validação.


Estou usando jquery validate e o plugin maskedinput ambos em arquivos .js diferentes. Quando estava usando javascript puro chamava a função pelo onsubmit mas nao tenho a minima ideia como fazer isso com o validate e o maskedinput.


Aqui vai o codigo jquery e onde chamo esses diretorios no meu html tambem.


<script src="jQuery/jquery-1.11.3.min.js" > </script>

<script type="text/javascript" src="jQuery/jquery.validate.js" ></script>



<script type="text/javascript">

$(document).ready(function(){

$('#fmt').validate({

rules:{

nome:{required: true},

cpf:{required: true},

email:{required: true,email: true},

senha:{required: true},

confsenha:{required: true, equalTo: "#senha"},

sexo:{required: true},

profissao:{required: true}

},

messages:{

nome:{required: "Campo obrigatorio"},

cpf:{required: "Campo obrigatorio"},

email:{required: "Campo obrigatorio",email: "Insira um email valido"},

senha:{required: "Campo obrigatorio"},

confsenha:{required: "Campo obrigatorio", equalTo: "As senhas nao conferem"},

sexo:{required: "Campo obrigatorio"},

profissao:{required: "Campo obrigatorio"}

}

});

});

</script>




aqui as mascars:

<script type="text/javascript" src="jQuery/jquery.maskedinput.js" > </script>


$(function(){

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

$("#xdata").mask("99-99-9999");

$("#xtel").mask("(99)-9999-9999");

});



Ja rodei muito nas pesquisas e nada. Vi artigos relacionados com submitHandled, jquery,submit ou chamar a funçao validate com um evento no $( "#botao" ).click. Com certeza nao resolvi por falta de conhecimento. Encontrei muitos artigos com ajax mas nao domino ainda. Queria saber se existe como fazer isso so com jquery ou javascript puro aproveitando minha validação jquery?


Nao sei o que tenho que fazer no codigo quem puder ajudar agradeço.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.