jQuery Plugin Validar - Validar Campo oculto por Nombre

Question

Primaria Pregunta

soy nuevo en el jQuery validate plugin. Necesito validar los campos ocultos que se agregan y quitan dinámicamente y que comparten el mismo nombre. Ejemplo de marcado:

<input type="hidden" name="hdnItemID" value="123" /> 
<input type="hidden" name="hdnItemID" value="987" /> 

Básicamente, necesito saber si existen elementos que tiene el nombre hdnItemID. Si existen, la validación debería ser exitosa, de lo contrario, la validación debería fallar.

if($("input[name='hdnItemID']").length > 0) { 
    //Form is valid 
} 
else { 
    //Form is invalid 
} 

He visto algunas preguntas que parecen cercanas, pero que no parecen ajustarse a la factura. ¿Alguna sugerencia?

• jQuery Validate Plugin - How to create a simple custom rule?
• jquery validate - valid if hidden field has a value

cuestión secundaria

Suponiendo que lo que estoy pidiendo es posible, ¿cómo puedo especificar donde se muestra el mensaje de validación? Actualmente, coloco un asterisco para cada elemento requerido cuando falla la validación. Me gustaría continuar haciendo eso, pero coloque el mensaje de validación de los campos ocultos con el botón de enviar.

Answer 1

Utilice el evento submitHandler del complemento para comprobar si el campo oculto existe o no. A continuación, puede enviar el formulario condicionalmente. Prueba esto.

$(function() { 
    $('#form1').validate({ 
     submitHandler: function(form) { 
      if($("input[name='hdnItemID']").length > 0) { 
       //Form is valid 
       form.submit(); 
      } 
      else { 
       //Form is invalid 
       alert('form data invalid'); 
      } 
     } 
    }); 
});