Boa noite pessoal!
Sou novato em jquery e preciso da ajuda de vocês.
É o seguinte: Tenho 2 códigos que funcionam separadamente de forma perfeita. Mas eu quero juntar os dois para que exerçam suas funções no mesmo formulário.
Os códigos são:
1) validar formulário:
<script src="Js/jquery.js" type="text/javascript"></script> <script src="Js/jquery-validation/dist/jquery.validate.js" type="text/javascript"></script> <script> $(document).ready( function() { $("#Cad_Empresa").validate({ // Define as regras rules:{ campoNome:{ // campoNome será obrigatório (required) e terá tamanho mínimo (minLength) required: true, minlength: 2 }, campoEmail:{ // campoEmail será obrigatório (required) e precisará ser um e-mail válido (email) required: true, email: true }, campoMensagem:{ // campoMensagem será obrigatório (required) e terá tamanho mínimo (minLength) required: true, minlength: 2 } }, // Define as mensagens de erro para cada regra messages:{ campoNome:{ required: "Digite o seu nome", minlength: "O seu nome deve conter, no mínimo, 2 caracteres" }, campoEmail:{ required: "Digite o seu e-mail para contato", email: "Digite um e-mail válido" }, campoMensagem:{ required: "Digite a sua mensagem", minlength: "A sua mensagem deve conter, no mínimo, 2 caracteres" } } }); }); </script>
2) Confirmar antes de enviar o formulário
<script src="Js/jquery.js"></script> <script src="Js/jquery.alerts/scripts/jquery.ui.draggable.js" type="text/javascript"></script> <script src="Js/jquery.alerts/scripts/jquery.alerts.js" type="text/javascript"></script> <link href="Js/jquery.alerts/css/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" /> <link href="Js/jquery.alerts/css/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" /> <script> $(document).ready( function() { $( "#Cad_Empresa" ).submit(function( event ) { jConfirm('Deseja Cadastrar esta nova Empresa?', 'Atenção! Confirme a sua ação!', function(r){ if (r == true) { document.getElementById('Cad_Empresa').submit(); } }); return false; }); }); </script>
Obs.: Como faço para que o meu formulário primeiro valide os dados e depois confirme se o usuário realmente deseja enviar o formulário.
Grato,
Fabiano.