Validar, Confirmar e enviar formulário em jquery
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.
Discussão (0)
Carregando comentários...