Ajax valida primeiro, envia depois ERRO
Pessoal.
Preciso de um favorzinho.
Tipo: fiz este script abaixo, onde:
1) o formulario TERIA que validar os campos;
2) o formulario após o validate, TERIA que enviar via AJAX;
Porém, ele não valida, e também não faz o AJAX funcionar...
Instalei o PHP no IIS, e comecei a notar erros no IIS, que antes não notava...
Então, para não instalar, e verificar se não é na minha máquina o problema, poderiam testar este script na máquina de vocês???
FORM
<!--#include file="../inc/conexao.asp"-->
<!DOCTYPE HTML>
<html>
<head>
<title>Administração de Conteúdo</title>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge, chrome=1">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="cache-control" content="no-cache">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="googlebot" content="noarchive">
<meta name="robots" content="all">
<meta name="robots" content="index,nofollow">
<meta name="robots" content="noindex,follow">
<meta name="robots" content="none">
<!-- INTEGRACAO -->
<!-- fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto" type="text/css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans" type="text/css">
<!-- fonts -->
<!-- icons -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" type="text/css">
<!-- icons -->
<!-- css -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.css" media="screen">
<link rel="stylesheet" href="../adm/css/bootstrap.min.admininstracao-site.css" media="screen">
<!-- css -->
<!-- jquery -->
<script type="text/javascript" src="../adm/js/bootstrap.min.administracao-jquery.js"></script>
<script type="text/javascript" src="../adm/js/bootstrap.min.administracao-jquery.validate.js"></script>
<script type="text/javascript" src="../adm/js/bootstrap.min.administracao-site.js"></script>
<!-- jquery -->
<!-- INTEGRACAO -->
</head>
<body>
<!-- CODE | Formulário de Login -->
<section class="secao_altura100 parallax3">
<div class="row">
<div class="col-sm-6 col-md-4 col-md-offset-4">
<div class="form-signin_contorno" style="z-index: 100;">
<form id="frm" role="form" class="form-signin" method="post" action="default_login.asp" style="z-index: 200;">
<h4 class="text-center" style="color: white;">Login Administradores</h4>
<input id="campo_user" name="campo_user" type="text" class="form-control" placeholder="Digite seu usuário" required autofocus>
<input id="campo_pass" name="campo_pass" type="password" class="form-control" placeholder="Digite sua senha" required>
<div class="btn-group btn-group-justified">
<div class="btn-group">
<button type="submit" class="btn btn-success btn-sm">ENTRAR</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-primary btn-sm" onclick="window.location='default_login.asp?menu=lembrete';">LEMBRAR SENHA</button>
</div>
</div>
</form>
<div class="col-md-12" style="bottom: 0; position: absolute;">
<div id="retorno" class="validate-valid-retorno"></div>
</div>
</div>
</div>
</div>
</section>
<!-- CODE | Formulário de Login -->
<!-- INTEGRACAO | plugins -->
<script src="../adm/js/bootstrap.min.administracao.js"></script>
<script src="../adm/js/bootstrap.min.administracao-smoothscroll.js"></script>
<script src="../adm/js/bootstrap.min.administracao-jquery.inputmask.bundle.js"></script>
<script type="text/javascript">
$(window).load(function() {
$(document).ready(function() {
$("#frm").validate({
errorClass: "validate-error-class",
validClass: "validate-valid-class",
rules: {
campo_usuario: {
required: true,
minlength: 8,
maxlength: 20
},
campo_senha: {
minlength: 8,
maxlength: 20
},
},
messages: {
campo_usuario: {
required: "Este campo é requerido",
minlength: "O campo deve conter no mínimo 8 caracteres",
maxlength: "O campo deve conter no máximo 20 caracteres"
},
campo_senha: {
required: "Este campo é requerido",
minlength: "O campo deve conter no mínimo 8 caracteres",
maxlength: "O campo deve conter no máximo 20 caracteres"
},
},
//submitHandler: function(form) {
// $.ajax({
// url: form.action,
// type: form.method,
// data: $("#form").serialize(),
// success: function(responseData) {
// $('#retorno').html(responseData);
// }
// });
//},
submitHandler: function(form) {
$.ajax({
dataType: 'html',
type: form.method,
url: form.action,
data: $("#form").serialize(),
success: function(responseData) {
$('#retorno').fadeIn(1000);
$('#retorno').html(responseData);
},
error: function(responseData) {
console.log('Houve um problema no processamento do script!');
}
});
$('input#campo_user').val("");
$('input#campo_pass').val("");
alert('Formulário enviado com sucesso!');
return false;
},
});
}),
});
</script>
<!-- INTEGRACAO | plugins -->
</body>
</html><%
strRS.close
SET strRS = nothing
conexao.close
SET conexao = nothing
%>
ASP
<!--#include file="../inc/conexao.asp"-->
<%
campo_login = Request("campo_user")
campo_senha = Request("campo_pass")
SQL = "SELECT * FROM vm WHERE usuario = '"& campo_login &"' AND senha = '"& campo_senha &"'"
SET strRS = Server.CreateObject("ADODB.RECORDSET")
strRS.Open SQL, conexao, 3, 3
IF strRS.EOF THEN
Response.Write "Senha ou Usuario Errado"
ELSE
Session("usuario_logado") = "conectado"
Session("usuario_nome") = strRS("vmares_nome")
Session("usuario_email") = strRS("vmares_email")
Response.Redirect "admin.asp"
END IF
strRS.close
SET strRS = nothing
conexao.close
SET conexao = nothing
%>
Se puder ajudar, agradeço ....
peguei o script ajax do STACK OVERFLOW e adaptei, mas já tentei de tudo, até mesmo exemplo pronto, e quando uso na minha máquina, não ROLA.
Obrigado.Discussão (13)
Carregando comentários...