Adicionando registro duplicado

[matheussoli 0]

Olá pessoal!

 

Estou iniciando neste fantástico mundo do javascript e me deparei com um problema. É o seguinte:

 

Tenho uma imagem com um ID que quando clicada abre um form. que realiza um cadastro via ajax.

 

Na div deste form tenho uma outra imagem de fechar caso a pessoa desista de cadastrar.

 

Aí acontece o problema.

 

Quando eu clico e abro o form, mas, fecho e não cadastro. Quando eu clicar de novo ele cadastra 02 vezes.

 

Esta contando os dois cliques que eu dei. O clique que eu desisti e não cadastrei e o clique em que eu cadastrei.

 

Teria como eu anular o clique que eu abro o form mas não cadastro?

 

 

Obrigado

[William Bruno 1501]

Depende, como está o código ?

[matheussoli 0]

Está assim:

 

(Imagem)
$('#novo-periodo').click(function(){

(Div com o formulário)
$('.novo').show('slow');

(div com o gif de loading)
var processar = $('.processar');

(formulário)
var novo_periodo = $('#novo_periodo'); 
novo_periodo.on('submit', function(event){
event.preventDefault();
$.ajax({
            url: '1cadastrar/cadNovoPeriodo.php',
            type: 'post',
            data: novo_periodo.serialize(),
success: function(data){
if(data){
processar.hide();
alert(data);
}/*if*/
}/*success*/
})/*ajax*/
})/*event*/
})/*FIM CRIA NOVO PERIODO*/

Botão fechar

$('#fechar_novo').click(function(){
  $('.novo').hide('slow');
});

[William Bruno 1501]

Não faz sentido o .on('submit') ficar dentro do .click()

 

 

novo-periodo com hífen é uma coisa

e novo_periodo com underline é outra coisa ?

 

Nomeie melhor seus IDs css, está ruim.