validacion - Complemento de validación de jQuery: ¿Valida entradas ocultas y no está visible?

validar formulario javascript html5

Question

Esta pregunta ya tiene una respuesta aquí:

• jQuery Validate: habilite la validación para campos ocultos 8 respuestas

¿Cómo validaría las entradas ocultas y las entradas de texto no visibles con el complemento de Validación de Formulario jQuery? El problema es que estoy usando el complemento de sugerencia automática, que genera una entrada oculta para los elementos seleccionados:

<input id="hiddenInput" type="hidden" name="something" value="1" />

Tengo 2 entradas como esta (ambas solo permiten 1 elemento), que quiero validar y mostrar el error en el elemento principal <td> . Esto es lo que obtuve hasta ahora, pero no muestra el error ni envía un formulario, si el valor es realmente un número.

$("#form1").validate({
rules: {
something: {
number:true,
min:1,
required:true
}
}
})

Answer 1

Otra forma de validar entradas ocultas es esta:

$("#form1").validate({
ignore: "not:hidden",
rules: {
something: {
number:true,
min:1,
required:true
}
}
});

Answer 2

Para permitir la validación de los elementos ocultos, anule la omisión y configúrela en una cadena vacía:

$("#form1").validate({
ignore: "",
rules: {
something: {
number:true,
min:1,
required:true
}
}
});

Answer 3

Puedes usar la opción de ignore así:

$("#form1").validate({
ignore: "input[type=''text'']:hidden",
rules: {
something: {
number:true,
min:1,
required:true
}
}
});

El valor predeterminado de la opción de ignore es :hidden que ignora todos los campos ocultos y los campos no visibles ( display: none etc.)

Answer 4

Si las otras respuestas no funcionan para usted, intente esto en su lugar. Elimina todos los ignorados del formulario, por lo que validaría todo, incluidos los campos ocultos:

$.data($(''form'')[0], ''validator'').settings.ignore = "";

Para restaurar la configuración para ignorar los campos ocultos, use algo como esto:

$.data($(''form'')[0], ''validator'').settings.ignore = "input[type=''text'']:hidden";

También puede utilizar el código anterior para volver a leer el valor actual.