Problema de envío de formulario de Firefox con jQuery

Question

Estoy usando la siguiente secuencia de comandos para enviar un formulario con jQuery; sin embargo, Firefox ha generado un informe de error, por favor, avíseme qué estoy haciendo mal.

function teamValidation(){ 
    var cat_id = $('#cat_id').val();  

    if(cat_id == "0"){ 
     alert("Category is invalid...");  
     return false; 
    }else{ 
     $('#addForm').submit(); 
     return false; 
    } 
} 

<form action="<?php echo SITE_URL; ?>adminteams/saveDetail/" 
name="addForm" id="addForm" onsubmit="return teamValidation();"> 
<input type="hidden" name="cat_id" id="cat_id" value="1"/> 
</form> 

informe de errores Firefox

Se está trabajando muy bien en otros navegadores.

Answer 1

El problema es que su formulario se envía varias veces.Usted puede lograr su objetivo utilizando cualquiera de las siguientes maneras:
HTML:

<form action="<?php echo SITE_URL; ?>adminteams/saveDetail/" name="addForm" id="addForm"> 
<input type="hidden" name="cat_id" id="cat_id" value="1"/> 
</form> 

javascript:

$('#addForm').submit(function(){ 
    var cat_id = $('#cat_id').val();  

    if(cat_id == "0"){ 
     alert("Category is invalid...");  
     return false; 
    }else{ 
     return true; 
    } 
}); 

de otro modo:
HTML:

<form action="<?php echo SITE_URL; ?>adminteams/saveDetail/" name="addForm" id="addForm" onsubmit="return teamValidation();"> 
    <input type="hidden" name="cat_id" id="cat_id" value="1"/> 
    </form> 

JAVASCRIPT :

function teamValidation(){ 
    var cat_id = $('#cat_id').val();  

    if(cat_id == "0"){ 
     alert("Category is invalid...");  
     return false; 
    }else{ 
     return true; 
    } 
} 

Answer 2

que se olvidó de cerrar la definición de la función

function teamValidation(){ 
    var cat_id = $('#cat_id').val();  

    if(cat_id == "0"){ 
     alert("Category is invalid...");  
     return false; 
    }else{ 
     $('#addForm').submit(); 
     return false; 
    } 
} <--- this 

Answer 3

Usted ha omitido una '}' al final. Aún así, no debería causar un bloqueo. 99% un problema con su instalación de Firefox. Acabo de consultar con el mío aquí. Funciona correctamente No hay problema con tu código. Intente desinstalar y reinstalar Firefox.

Otro descubrimiento. Su formulario se envía indefinidamente. Quizás tus otros navegadores sean más recientes y tu Firefox esté desactualizado (no es capaz de manejar recursiones indefinidas, por lo que puede fallar).

De todas formas, intente reemplazar la siguiente:

$('#addForm').submit(); 

con:

document.getElementById("addForm").submit(); 

Espero que ayude ..

paz sea con vosotros ...

Answer 4

Usted tiene una bucle infinito de enviar, y luego evitar el envío de, su formulario cuando el valor deEl cuadro de textono es 0. Elimine el bloque else, ya que no sirve para nada.

Para entrar en más detalles:

function teamValidation(){ 
    var cat_id = $('#cat_id').val();  

    if(cat_id == "0"){ 
     alert("Category is invalid...");  
     return false; 
    }else{ 
     $('#addForm').submit(); // this submits the form again - does NOT proceed with this submission of the form 
     return false; // returning false will prevent the submission from being completed 
    } 
} 

<form action="<?php echo SITE_URL; ?>adminteams/saveDetail/" 
name="addForm" id="addForm" onsubmit="return teamValidation();"> 
<input type="hidden" name="cat_id" id="cat_id" value="1"/> 
</form> 

Al enviar el formulario, teamValidation() es llamado. Si la validación se aprueba (se ejecuta el código de bloque else), envíe el formulario nuevamente que causa que teamValidation() vuelva a llamarse, luego return false, lo que impedirá que se complete este envío actual. Es probable que Firefox falle porque se encuentra en un bucle en el que constantemente envía un formulario, que nunca puede completar; el hecho de que el navegador es bastante horrible en términos de uso de la memoria probablemente tampoco ayude.