action da form
Olá, tenho um formulário feito no bootbox dentro de um arquivo javascript, pretendo enviar esse formulário para outro arquivo javascript, onde ele vai inserir e mostrar o resultado por ajax sem recarregar a página
arquivo js do formulário a ser preenchido:
$(".addVenc").click(function(){
bootbox.dialog({
title: "Cadastro de Vencimento",
message: '<div class="row"> ' +
'<div class="col-md-12"> ' +
'<form id="formulario" action="javascript:func()" method="post" class="form-horizontal"> ' +
'<div class="form-group"> ' +
'<label class="col-md-4 control-label" for="vencimento">Vencimento</label> ' +
'<div class="col-md-4"> ' +
'<input id="nomeVencimento" name="nomeVencimento" type="text" placeholder="Nome do vencimento" class="form-control input-md"> ' +
'</div> ' +
'</div> ' +
'<div class="form-group"> ' +
'<label class="col-md-4 control-label" for="produto">Valor</label> ' +
'<div class="col-md-4"> ' +
'<textarea id="valor" name="valor" placeholder="Valor" class="form-control input-md"></textarea>' +
'</div> ' +
'</div> ' +
'<input class="btn-sucess" type="submit" value="Enviar">' +
//'<input type="hidden" name="acao" value="cadastrar">' +
'</form>' +
'</div>' +
'</div>',
});
});
arquivo js com a função para receber os dados do formulário:
$(function($) {
// Quando o formulário for enviado, essa função é chamada
$("#formulario").submit(function() {
// Colocamos os valores de cada campo em uma váriavel para facilitar a manipulação
var nomeVencimento = $("#nomeVencimento").val();
var valor = $("#valor").val();// Fazemos a requisão ajax com o arquivo envia.php e enviamos os valores de cada campo através do método POST
$.post('envia.php', {nomeVencimento: nomeVencimento, valor: valor}, function(resposta) {
// Quando terminada a requisição
// Exibe a div status
$("#status").slideDown();
// Se a resposta é um erro
if (resposta != false) {
// Exibe o erro na div
$("#status").html(resposta);
}// Se resposta for false, ou seja, não ocorreu nenhum erro
else {
// Exibe mensagem de sucesso
$("#status").html("Mensagem enviada com sucesso!");
// Coloca a mensagem no div de mensagens
$("#mensagens").prepend("<strong>"+ nomeVencimento +"</strong> disse: <em>" + valor + "</em><br />");
// Limpando todos os campos
$("#nomeVencimento").val("");
$("#valor").val("");
}
});
});
});
quando envio o formulário aparece o seguinte erro:Uncaught ReferenceError: func is not defined(anonymous function) @ VM154:1
já tentei colocar os scripts na pagina do formulário mas mesmo assim é o mesmo erro.
Alguém tem ideia de alguma solução?
Obrigado!
Discussão (1)
Carregando comentários...