jQuery Validate - Habilite a validação para campos ocultos

Na nova versão do plugin de validação jQuery 1.9, por padrão, a validação de campos ocultos é ignorada . Estou usando o CKEditor para o campo de entrada de área de texto e ele oculta o campo e substitui-o por iframe. O campo está lá, mas a validação está desativada para campos ocultos. Com o plugin de validação versão 1.8.1, tudo funciona como esperado.

Então, minha pergunta é como habilitar a validação para campos ocultos com o plugin de validação v1.9.

Essa configuração não funciona:

$.validator.setDefaults({ ignore: '' });

O autor do plug-in diz que você deve usar "colchetes sem as aspas" ,[]

http://bassistance.de/2011/10/07/release-validation-plugin-1-9-0/

Release: Validation Plugin 1.9.0: "... Outra alteração deve facilitar a configuração de formulários com elementos ocultos, que agora são ignorados por padrão (a opção" ignorar "tem": oculto "agora como padrão). Em teoria, isso pode interromper uma configuração existente. No caso improvável de que ela realmente ocorra, é possível corrigi-la definindo a opção ignorar como “[]” (colchetes sem as aspas). "

Para alterar essa configuração para todos os formulários:

$.validator.setDefaults({ 
    ignore: [],
    // any other default options and/or rules
});

(Não é necessário que .setDefaults()esteja dentro da document.readyfunção)

OU para um formulário específico:

$(document).ready(function() {

    $('#myform').validate({
        ignore: [],
        // any other options and/or rules
    });

});

EDIT :

Veja esta resposta para saber como habilitar a validação em alguns campos ocultos, mas ainda assim ignorar outros.

EDIT 2 :

Antes de deixar comentários que "isso não funciona" , lembre-se de que o OP está simplesmente perguntando sobre o plug - in jQuery Validate e sua pergunta não tem nada a ver com como o ASP.NET, MVC ou qualquer outra estrutura da Microsoft pode alterar o normal desse plug-in comportamento esperado. Se você estiver usando uma estrutura da Microsoft, o funcionamento padrão do plug-in jQuery Validate será substituído pelo unobtrusive-validationplug-in da Microsoft .

Se você estiver tendo problemas com o unobtrusive-validationplug - in, consulte esta resposta: https://stackoverflow.com/a/11053251/594235

Isso funcionou para mim, em um site ASP.NET MVC3 onde eu havia deixado a estrutura para configurar a validação discreta etc., caso seja útil para qualquer pessoa:

$("form").data("validator").settings.ignore = "";

Certifique-se de colocar

 $.validator.setDefaults({ ignore: '' });

NÃO dentro$(document).ready

Então, vou me aprofundar um pouco mais no motivo pelo qual isso não funciona, porque sou o tipo de pessoa que não consegue dormir à noite sem saber haha. Estou usando o jQuery validate 1.10 e o Microsoft jQuery Unobtrusive Validation 2.0.20710.0, publicado em 29/1/2013.

Comecei pesquisando o método setDefaults no jQuery Validate e o encontrei na linha 261 do arquivo não minificado. Tudo o que essa função realmente faz é mesclar suas configurações de json às existentes, $.validator.defaultsque são inicializadas com a propriedade ignore sendo definida como ": hidden" junto com os outros padrões definidos no jQuery Validate. Então, neste ponto, substituímos o ignorar. Agora vamos ver onde essa propriedade padrão está sendo referenciada.

Quando eu rastreei o código para ver onde $.validator.defaultsestá sendo referenciado. Percebi que isso estava sendo usado apenas pelo construtor para um validador de formulário, a linha 170 no jQuery validar arquivo não minificado.

// constructor for validator
$.validator = function( options, form ) {
    this.settings = $.extend( true, {}, $.validator.defaults, options );
    this.currentForm = form;
    this.init();
};

Nesse ponto, um validador mesclará as configurações padrão definidas e anexará ao validador de formulário. Quando você olha para o código que está validando, destacando, destacando etc., todos eles usam o objeto validator.settings para obter a propriedade ignore. Portanto, precisamos ter certeza de que devemos definir o ignorar com o método setDefaults, antes que o $ ("form"). Validate () seja chamado.

Se você estiver usando o Asp.net MVC e o plug-in discreto, perceberá depois de examinar o javascript que validar é chamado em document.ready. Também chamei meus setDefaults no bloco document.ready, que será executado após os scripts, o jquery é validado e discreto, porque defini esses scripts no html antes do que possui a chamada. Portanto, minha ligação obviamente não teve impacto na funcionalidade padrão de ignorar elementos ocultos durante a validação. Há algumas opções aqui.

Opção 1 - Como Juan Mellado apontou, você poderia ter a chamada fora do documento. Já que seria executada assim que o script fosse carregado. Não sei ao certo o momento, pois os navegadores agora são capazes de fazer o carregamento paralelo de scripts. Se eu estou sendo muito cauteloso, por favor, me corrija. Além disso, provavelmente há maneiras de contornar isso, mas para minhas necessidades eu não segui esse caminho.

Opção 2a - A aposta segura em meus olhos é apenas substituir o $.validator.setDefaults({ ignore: '' });interior do evento document.ready por $("form").data("validator").settings.ignore = "";. Isso modificará a propriedade ignore que é realmente usada pelo jQuery validate ao fazer cada validação nos seus elementos para o formulário fornecido.

Opções 2b - Depois de examinar um pouco mais o código, você também pode usar $("form").validate().settings.ignore = "";como forma de definir a propriedade ignore. O motivo é que, ao examinar a função validate, ele verifica se um objeto validador já foi armazenado para o elemento do formulário por meio da $.data()função. Se ele encontrar um objeto validador armazenado com o elemento de formulário, ele retornará o objeto validador em vez de criar outro.

Isso funcionou para mim em um site ASP.NET. Para habilitar a validação em alguns campos ocultos, use este código

$("form").data("validator").settings.ignore = ":hidden:not(#myitem)";

Para ativar a validação para todos os elementos do formulário, use este $("form").data("validator").settings.ignore = "";

Observe que use-os dentro de $(document).ready(function() { })

Apenas adicionada ignore: []na página específica para o formulário específico, esta solução funcionou para mim.

$("#form_name").validate({
        ignore: [],
        onkeyup: false,
        rules: {            
        },      
        highlight:false,
    });

Isso está funcionando para mim.

jQuery("#form_name").validate().settings.ignore = "";

A validação estava funcionando para mim no envio de formulários, mas não estava executando a validação orientada a eventos reativos na entrada das listas de seleção escolhidas.

Para corrigir isso, adicionei o seguinte para acionar manualmente o evento de validação de jquery adicionado pela biblioteca:

$(".chosen-select").each(function() {
  $(this).chosen().on("change", function() {
    $(this).parents(".form-group").find("select.form-control").trigger("focusout.validate");
  });
});

jquery.validate agora adicionará a .validclasse à lista de seleção subjacente.

Advertência: Isso requer um padrão html consistente para as entradas do formulário. No meu caso, cada entrada arquivada é envolvida em um div.form-groupe cada entrada possui .form-control.

Apenas encontre o texto ignore: ": hidden" no seu arquivo de validação de jquery e comente-o. Após comentar isso, nunca perderá nenhum elemento oculto para validar ...

obrigado