Cómo evitar el envío de campos de entrada que están ocultos por la pantalla: ninguno en un servidor?

Question

Imagine que tiene un formulario donde cambia la visibilidad de varios campos. Y si el campo no se muestra, no desea que su valor esté en la solicitud.

¿Cómo manejas esta situación?

Answer 1

Configuración de un elemento de formulario para discapacitados se detendrá en marcha en el servidor, por ejemplo:

<input disabled="disabled" type="text" name="test"/> 

en JavaScript que significaría algo así:

var inputs = document.getElementsByTagName('input'); 
for(var i = 0;i < inputs.length; i++) { 
    if(inputs[i].style.display == 'none') { 
     inputs[i].disabled = true; 
    } 
} 
document.forms[0].submit(); 

En jQuery:

$('form > input:hidden').attr("disabled",true); 
    $('form').submit(); 

Answer 2

Quitaría el valor de la entrada o separaría el objeto de entrada del DOM para que no exista para ser publicado en primer lugar.

Answer 3

Puede usar javascript para establecer el atributo deshabilitado. El evento de clic del botón "enviar" es probablemente el mejor lugar para hacer esto.

Sin embargo, aconsejaría no hacer esto en absoluto. Si es posible, debe filtrar su consulta en el servidor. Esto será más confiable.

Answer 4

Si quieres desactivar todos los elementos o ciertos elementos dentro de un elemento primario oculto, puede utilizar

$("div").filter(":hidden").children("input[type='text']").attr("disabled", "disabled"); 

Este ejemplo http://jsfiddle.net/gKsTS/ desactiva todos los cuadros de texto dentro de un div oculto

Answer 5

Una muy simple (pero no siempre la solución más conveniente) es eliminar el atributo "nombre": el estándar requiere que los navegadores no envíen valores sin nombre, y todos los navegadores que conozco cumplen con esta regla.

Answer 6

¿Qué hay de:

$('#divID').children(":input").prop("disabled", true); // disable 

y

$('#divID').children(":input").prop("disabled", false); // enable 

Para alternar todas las entradas infantiles (selecciona, casillas de verificación, de entrada, áreas de texto, etc.) dentro de un div oculto.