action da form

[nilomf 0]

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!

 

[wootzor 103]

O problema está no atributo action do formulário gerado através de JavaScript:

<form id="formulario" action="javascript:func()" method="post" class="form-horizontal">

Uma vez que não existe nenhuma função com esse nome do excerto que mostraste, verifica se tal função está definida no teu script.