Meu jQuery Form submete o form varias vezes
Olá, peço ajuda a galera do fórum, estou meio perdido,
meu formulário abaixo tem o seguinte erro, quando submeto a primeira vez ele retorna correto,
porem quando clico uma segunda vez ele ele me retorna duas vezes o alert e assim sucessivamente, terceiro click ele retorna 3 vezes etc
HTML - index.php
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>jQuery Form Com Erro</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="descrição" content="texto descritivo da pegina">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.">
<style>
.debug{
display: block;
min-height: 30px;
padding: 10px;
border: solid 1px #000;
margin: 5px 0;
}
#form input{
display: block;
margin: 5px 0;
}
</style>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript">
$(function(){
$(".enviar").click(function(){
var nome = $(this).attr("class");
var form = $("#"+nome);
var dados = form.serialize();
var acao = "php/"+nome+".php";
form.submit(function(){
$(this).ajaxSubmit({
url: acao,
success: function(sucesso){
//$(".debug").empty().html(sucesso);
alert(sucesso)
}
});
return false;
});
});
});
</script>
</head>
<body>
<div class="debug"></div>
<form name="" id="enviar" action="" method="post" enctype="multipart/form-data">
<input type="file" name="file">
<input type="text" name="nome" value="">
<input type="tel" name="pass" value="">
<input type="submit" class="enviar" value="enviar">
</form>
</body>
</html>PHP - enviar.php
<?php
print_r($_POST);
print_r($_FILES);
?>Discussão (4)
Carregando comentários...