validacion - validar formulario javascript html5

Los campos de formulario desactivados no envían datos

Question

¿Hay alguna manera (con un indicador de atributo o algo así) para habilitar los campos de formulario que están deshabilitados para enviar datos?

O, si eso no es posible, ¿hay alguna manera de evitar que los campos se editen con css o cualquier otro atributo que no esté desactivado sin ocultarlos?

Mi caso especial en este momento es un identificador para un conjunto de datos que debe mostrarse en el formulario (no editable); si no hay una mejor solución, creo que usaré un campo oculto además del que está deshabilitado para contener el real valor con el deshabilitado que lo muestra.

Answer 1

Como ya se mencionó: READONLY no funciona para <input type=''checkbox''> y <select>...</select> .

Si tiene un Form con casillas de verificación deshabilitadas / selecciona AND Y necesita que se envíen, puede usar jQuery:

$(''form'').submit(function(e) {
    $('':disabled'').each(function(e) {
        $(this).removeAttr(''disabled'');
    })
});

Este código elimina el atributo disabled de todos los elementos en enviar.

Answer 2

Utilice los eventos de puntero CSS: ninguno en los campos que desea "deshabilitar" (posiblemente junto con un fondo gris) que permite la acción POST, como:

<input type="text" class="disable">

.disable{
pointer-events:none;
background:grey;
}

Ref: https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

Answer 3

Verifique el atributo readonly http://www.w3schools.com/tags/att_input_readonly.asp

Answer 4

Los elementos con atributo Disabled no se envían o puede decir que sus valores no se publicaron.

es decir

<input type="textbox" name="Percentage" value="100" disabled="disabled" /> 

FYI,

1. Los controles deshabilitados no reciben foco.
2. Los controles deshabilitados se saltan en la navegación de tabulación.
3. Los controles deshabilitados no se pueden publicar correctamente.

Puede usar el atributo de readonly en su caso, al hacer esto podrá publicar los datos de su campo.

es decir

<input type="textbox" name="Percentage" value="100" readonly="readonly" />

FYI,

1. Los elementos de solo lectura reciben foco, pero el usuario no puede modificarlos.
2. Los elementos de solo lectura se incluyen en la navegación de tabulación.
3. Los elementos de solo lectura se publican con éxito.

Nota: READONLY no funciona en casillas de verificación y etiquetas de selección

Ref de