Validar y enviar un formulario sin entrar en un ciclo infinito?

Question

Estoy teniendo un ciclo infinito utilizando el código jQuery, sé por qué pero no sé cómo solucionar este problema:

<form id="submitme"> 
    <input value="" name="n1" id="n1" type="text"/> 
    <input value="Send" type="button"/> 
</form> 
<script> 
    $('#submitme').bind('submit', function() { 
     $.post('validate.php', 'value=' + $('#n1').val(), function (data) { 
      if (data == "true") 
       $('#submitme').submit(); 
     }); 
    }); 
</script> 

Answer 1

El plugin jQuery.validate se encarga de esto y yo recomendaría encarecidamente que usarlo:

$('#submitme').validate({ 
    rules: { 
     n1: { 
      remote: { 
       url: 'validate.php', 
       type: 'post' 
      } 
     } 
    } 
}); 

Pero si no quiere usarlo otra posibilidad es utilizar una variable global, así:

$('#submitme').submit(function() { 
    if (!$.formSubmitting) { 
     var $form = $(this); 
     $.post('validate.php', { value: $('#n1').val() }, function (data) { 
      if (data == 'true') { 
       // set the global variable to true so that we don't enter 
       // the infinite loop and directly submit the form 
       $.formSubmitting = true; 
       $form.submit(); 
      } 
     }); 
     return false; 
    } 

    return true;      
}); 

Sólo una observación: la bu tton que ha colocado dentro del formulario no es un botón de enviar, por lo que al hacer clic en él no se activará el controlador submit. Usted debe hacer un botón de enviar:

<input value="Send" type="submit" /> 

Answer 2

No soy un experto en jQuery, pero en Prototype, al escribir un controlador de eventos para una acción y que no dejan la acción predeterminada, de lo que será ejecutado después de que se haya completado toda la funcionalidad de devolución de llamada. Así que con sólo girar la instrucción if-else que debería ser capaz de evitar un bucle infinito:

$('#submitme').bind('submit', function(event) { 
    $.post('validate.php', 'value=' + $('#n1').val(), function (data) { 
    if (data != "true") 
     // if validation has failed, prevent default action (submit) 
     event.preventDefault(); 
    }); 
    // if default action was not prevented it will be executed 
}) 

Answer 3

me encontré con esta solución:

<form id="submitme"> 
    <input value="" name="n1" id="n1" type="text"/> 
    <input value="Send" type="button"/> 
</form> 
<script> 
    $('#submitme').bind('submit', function() { 
     if ($.data($('#submitme'), 'validated')) 
      return true; 
     $.post('validate.php', 'value=' + $('#n1').val(), function (data) { 
      if (data == "true") { 
       $.data($('#submitme'), 'validated', true); 
       $('#submitme').submit(); 
      } 
     }); 
     return false; 
    }); 
</script>