Cenário: O cliente hoje tem um lugar no sistema, especifico para cadastrar campos pra um processo que será automatizado esses campos que são cadastrados podem ser (selects, checkbox, radio, textarea e text) logo em seguida o cliente pode cadastrar os campos ligados a uma atividade desse processo por exemplo atividade verificar documentação tem os campos: campo_1(select), campo_2(text) e nesses campos são atribuídos condições de liberação; para liberar o campo_1 no formulário da atividade o campo_2 tem que ter o valor X
Estou com um problema que é o seguinte, tenho uma validação de campos que é responsável para liberar outros campos, tem um tópico que foi respondido pra essa situação que dará uma base bem concreta do que estou falando
Configuração de validação em campos dinâmicos
porém agora surgiu a necessidade da mesma ideia só que para grupos condicionais por exemplo:
grupo 1 (campo_1 = "PH" , campo_2 = 3, campo_3 = 4)
grupo 2
(campo_1 = "PH", campo_2 = 3, campo_3 = 5
)
notamos acima que a unica diferença entre os dois grupos é o campo_3 que esta com o valor 5 no grupo dois, ficando a seguinte condição
grupo 1 [OR || AND] grupo 2 libera campo_4
Pra essa situação citada utilizamos o operador OR. Nesse caso estamos nos referenciando que o campo_4 só será liberado caso os campos pertencentes ao grupo 1 tenham os valores "PH", 3, 4
OU o grupo 2 tenha os valores "PH", 3, 5
atendendo uma das regras citadas pelo grupo o campo_4 é liberado nesse formulário.
Utilizo hoje o seguinte código para a liberação dos campos.
function iniciaVerificador<?= $i ?>(atividade_campo, atividade_campo_dependente, codigo, regras){
var campoDependente = '#codigo_'+ atividade_campo_dependente;
var campoTrigger = '#codigo_'+ atividade_campo;
var codigoCampo = '#codigo_'+ codigo;
var checkbox = $(campoTrigger + ' input:checked');
var select = $(campoTrigger + ' select > option:selected');
var input = $(campoTrigger + ' input');
var textarea = $(campoTrigger + ' textarea');
if (checkbox.length > 0) {
var inputs = document.querySelectorAll('#codigo_'+atividade_campo+' input[type="radio"], #codigo_'+atividade_campo+' input[type="checkbox"]');
} else if (select.length > 0) {
var inputs = document.querySelectorAll('#codigo_'+atividade_campo+' select');
} else if(input.length > 0) {
var inputs = document.querySelectorAll('#codigo_'+atividade_campo+' input');
} else {
var inputs = document.querySelectorAll('#codigo_'+atividade_campo+' textarea');
}
$(inputs).on('change', function(){
verificador<?= $i ?>(regras, checkbox,select,input,textarea);
});
$(inputs).on('keyup', function(){
verificador<?= $i ?>(regras, checkbox,select,input,textarea);
});
verificador<?= $i ?>(regras, checkbox,select,input,textarea);
}
function verificador<?= $i ?>(regras, checkbox,select,input,textarea) {
Object.keys(regras).forEach(function (regra) { // iterar as regras que foram atribuidas na variavel regras
var regrasLocais = Object.keys(regras[regra]); // regras que tem que cumprir pra liberação
var target = $('[id="' + regra + '"]'); //Tragetoria da regra, nesse caso div
var valores = regrasLocais.map(function (nome) { // mapear regras com o input respectivo guardando o seu valor
if (checkbox.length > 0) {
var input_text = $('[id="'+ nome +'"] input[type="radio"], [id="'+ nome +'"] input[type="checkbox"]');
if(input_text.length > 0) {
var array_check = [];
for (var ck=0; ck < input_text.length; ck++) {
if(input_text[ck].checked){
array_check.push(input_text[ck].value);
}
}
return array_check.join();
}
}
var input_text = $('[id="'+ nome +'"] input, [id="'+ nome +'"] select > option:checked, [id="'+ nome +'"] input:checked, [id="'+ nome +'"] textarea ');
if(input_text.length > 0) {
var value = [];
input_text.each(function(){
if($(this).is(':checked') || $(this).is(':selected') || $(this).is(':text') || $(this).is('textarea')){
value.push($(this).val());
if($(this).is(':selected')){
value.push('select');
}
}
});
return value.join();
} else {
return '';
}
});
var valida = valores.filter(function (value, i) { // verificar quais inputs têm o valor == ao que é esperado pela regra
var original = regras[regra][regrasLocais[i]];
var arrsplint = value.split(",");
var arrOriginal = original.split(",");
if($.inArray('select',arrsplint, 0) != -1){
var removeItem = 'select';
var arrsplint = $.grep(arrsplint, function(valueArr) {
return valueArr != removeItem;
});
var removeItem = '';
var arrsplint = $.grep(arrsplint, function(valueArr) {
return valueArr != removeItem;
});
var arrsplint = arrsplint.join();
var count = 0;
var returnValue = [];
arrOriginal.forEach(function (valueOriginal) {
if(arrsplint == valueOriginal){
returnValue[count] = true;
} else {
returnValue[count] = false;
}
count++;
});
if($.inArray(true,returnValue, 0) != -1){
return 1;
}else {
return 0;
}
}
return value.toUpperCase() == original.toUpperCase();
});
if (valida.length == regrasLocais.length) {
target.removeClass('invalido'); // se todas as verificações tiverem passado
target.removeAttr("style");
target.addClass('corfundo');
target.removeClass('mudacor');
var x = 0;
var clear = setInterval(function(){
target.addClass('mudacor');
target.removeClass('corfundo');
if (++x === 1) {
window.clearInterval(clear);
}
}, 1000);
} else {
target.addClass('invalido'); // caso falhe a validação
target.val('');
target.prop('checked', false);
}
});
}
$(function () {
var regras = {
<?= $condicaoRegra; ?>
};
iniciaVerificador<?= $i ?>(<?php echo $condicaoCampo->atividade_campo ?>, <?php echo $condicaoCampo->atividade_campo_dependente ?>, <?php echo $condicaoCampo->codigo ?>, regras );
});
Hoje essa regra funciona perfeitamente para campos N-N
e especificamente para a condição AND, nessa nova necessidade agora precisa que seja atribuído também tanto a condição AND como a OR e que seja atendido por grupos