Bucle infinito de envío de formulario mediante el evento jquery

Question

El código está atascado en un bucle cuando intento capturar un envío de formulario. El propósito es reemplazar un valor de la forma antes de que se apague.

$('form').submit(function(e){ 
    e.preventDefault(); 
    $.ajax({ 
     type: "POST", 
     url: 'convert.asp', 
     data: $('form').serialize(), 
     success: function(response){ 
     $('input[name="field1"]').val(response); 
     $('form').submit(); 
     } 
    }); 
    return false; 
}); 

¿Alguien tiene alguna idea?

ACTUALIZACIÓN: Originalmente tenía que estar vinculado a un evento de clic de botón y estaba funcionando, pero quería conservar el elemento de la tecla [enter] del botón Enviar. Al ver que el código es algo ilógico, ¿sería mejor capturar una pulsación de tecla?

Answer 1

Supongo que su ajax es un intento de validar el formulario antes de su eventual envío. En ese caso, simplemente desvincula la función de validación antes de enviar el formulario.

success: function(response){ 
    $('input[name="field1"]').val(response); 
    // Add unbind to remove validations 
    $('form').unbind().submit(); 
    } 

Answer 2

En el éxito que se activa otra submit ...

$('form').submit(function(e){ 
    e.preventDefault(); // redundant, you return false in the end. <<<=== 
    $.ajax({ 
     type: "POST", 
     url: 'convert.asp', 
     data: $('form').serialize(), 
     success: function(response){ 
     $('input[name="field1"]').val(response); 
     $('form').submit(); // <=== delete this! <<<<================= 
     } 
    }); 
    return false; 
}); 

Answer 3

de enviar el formulario, evitar que se presentó únicamente para enviar el formulario, que consigue impidió obtener presentará ... :-D