Quantcast
Channel: Últimos conteúdos
Viewing all articles
Browse latest Browse all 14190

Validar, Confirmar e enviar formulário em jquery

$
0
0

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.

 

 


Viewing all articles
Browse latest Browse all 14190

Trending Articles