1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
|
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>SIVANA - Area Restrita</title>
<link rel="stylesheet" href="css/style.default.css" type="text/css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" language="javascript">
$(function($) {
// Quando o form_login for enviado, essa funcao e chamada
$("#loginform").submit(function() {
if (loginform.cnpj.value == "" || loginform.cnpj.value == "Preencha este campo !" || loginform.cnpj.value == "CNPJ") {
loginform.cnpj.placeholder='Preencha este campo com o CNPJ!'
document.getElementById('cnpj').className = 'input_contato_fail';
return false;
}
if (loginform.senha.value == "" || loginform.senha.value == "Preencha este campo !" || loginform.senha.value == "Senha") {
loginform.senha.value=''
document.getElementById('senha').className = 'input_contato_fail';
return false;
}
var cnpj = $("#cnpj").val();
var senha = $("#senha").val();
// Exibe mensagem de carregamento
$("#status").html("<table width='300'><tr ><td class='alert alert-block alert-info' height='25'><img src='loader.gif' alt='Enviando' hspace='8'align='absmiddle'/> Aguarde! conectando.</td></rtr></table>");
$("#status").slideDown();
$("#enviar").hide();
// Fazemos a requisao ajax com o arquivo envia.php e enviamos os valores de cada campo atraves do metodo POST
$.post('fazer_login.php', {cnpj: cnpj, senha: senha }, function(resposta) {
// Quando terminada a requisicao
// Exibe a div status
$("#status").slideDown();
// Se a resposta e um erro
if (resposta != false) {
// Exibe o erro na div
$("#status").html(resposta);
$("#enviar").show();
}
// Se resposta for false, ou seja, nao ocorreu nenhum erro
else {
// Limpando todos os campos
$("#cnpj").val("");
$("#enviar").show();
}
});
});
});
</script>
</head>
<body class="loginbody">
<div class="loginwrapper">
<div class="loginwrap zindex100 animate2 bounceInDown">
<div class="pull-right"><img src="img/top_sivana.png" style="height:59px;margin-top:3px; margin-right:3px;"></div>
<h1 class="logintitle"><span class="iconfa-lock"></span> LOGIN DO SISTEMA <span class="subtitle">Entre com seu CNPJ e senha:</span></h1>
<div class="loginwrapperinner">
<form id="loginform" name="loginform" method="post" action="javascript:func()">
<p class="animate4 bounceIn"><input type="text" id="cnpj" name="cnpj" placeholder="Informe o CNPJ" /></p>
<p class="animate5 bounceIn"><input type="password" id="senha" name="senha" placeholder="Senha" /></p>
<p class="animate6 bounceIn">
<div id="status"></div>
<button type="submit" class="btn btn-default btn-block">Entrar</button></p>
<p class="animate7 fadeIn"><a href="recuperar-senha.php"><span class="icon-question-sign icon-white"></span> Esqueceu a senha?</a></p>
</form>
</div><!--loginwrapperinner-->
</div>
<div class="loginshadow animate3 fadeInUp"></div>
</div><!--loginwrapper-->
</body>
</html>
|