Quiero saber si/cómo puedo establecer una validación personalizada. Estoy trabajando en una sección para agregar elementos en un formulario, se le pregunta al usuario si desea agregar un elemento, si selecciona sí, se hace visible una sección con todos los campos de entrada (descripción, valor...) pero "agregar elemento"/"cancelar" son etiquetas <a> en un div y no he encontrado una manera de validarlas como el resto de las entradas, en cambio, estoy tratando de ver si el div agregar/cancelar es visible (ya que esto significa que el usuario no guardó los detalles del elemento; cuando selecciona una opción, el div ya no está visible). Estoy buscando algo a lo largo de las líneas de

 $('form').validate( if ($(#add-or-cancel-div).is(':visible'){ //validation = false } )

Lo intenté

 $.validator.addMethod('itemRequiresAddOrCancel', function (element) { if (element.is(':visible')) { return false; } else { return true; }}, "please pick an option"); $('form').validate( $(#add-or-cancel-div).rules('add', 'itemRequiresAddOrCancel'); } )

¿Es esta la mejor manera de abordar esto o se puede hacer de otra manera?