Vejo duas abordagens possíveis:
- Não enviar para o servidor os valores que não estão preenchidos (usando Javascript);
- Filtrar os dados recebidos no servidor e remover os inputs que não estão preenchidos.
Como dados devem ser validados no servidor, a opção 2 é obrigatória mas nada impede que você use a validação no cliente juntamente com a validação no servidor para melhorar a experiência do usuário.
Vou tentar explicar como pode ser feito:
Validação no cliente
Você pode usar javascript para modificar a propriedade disabled
dos inputs, desta maneira o navegador enviará apenas os inputs que forem disabled = false
.
No exemplo a seguir uso Element.querySelector()
e Element.querySelectorAll()
para buscar os elementos no DOM, itero sobre o resultado e escuto o evento change
usando Element.addEventListener()
.
Cada vez que o estado de um checkbox
muda, eu percorro o DOM começando do checkbox
alterado, subo até o tr
utilizando a propriedade somente-leitura Element.parentElement
(você pode usar Element.parentNode
se você precisa de compatibilidade com navegadores mais "exóticos"). Partindo do tr
eu busco o input
, alterando sua propriedade disabled
baseado na propriedade checked
do checkbox
"clicado".
let checks = document.querySelectorAll('.check')
for (let i=0, l=checks.length ; i<l ; i++) {
checks[i].addEventListener('change', function(event) {
let tr = this.parentElement.parentElement.parentElement
tr.querySelector('.carro').disabled = !this.checked
})
}
<table>
<thead>
<tr>
<th>Carro</th>
<th>Selecione</th>
</tr>
</thead>
<tbody>
<tr>
<td><input name="Carro[]" class="carro" value="Modelo 1"></td>
<td>
<label>
<input class="check" type="checkbox" checked>
</label>
</td>
</tr>
<tr>
<td><input name="Carro[]" class="carro" value="Modelo 2"></td>
<td>
<label>
<input class="check" type="checkbox" checked>
</label>
</td>
</tr>
<tr>
<td><input name="Carro[]" class="carro" value="Modelo 3"></td>
<td>
<label>
<input class="check" type="checkbox" checked>
</label>
</td>
</tr>
</tbody>
</table>
Validação no Servidor
Aparentemente não há a necessidade de você receber no servidor se o elemento foi selecionado ou não, basta que receba os carros e estes não estejam vazios.
Para isso você poderia usar a função array_map()
juntamente com a função trim()
para remover todos os espaços excedentes dos elementos do array. Após isso você pode usar esta "gambiarra" (que nesse caso não é pois realmente queremos filtrar apenas as strings que tenham tamanho maior que 0
) juntando array_filter
com strlen
para remover as strings vazias do nosso array.
Feito isso o resultado será apenas os carros recebidos do form
anterior que estão prenchidos.
Exemplo:
<?php
$carros = ["Modelo 1", "", " ", "Modelo 2"];
// Remover espaços
$carros = array_map('trim', $carros);
// Remover elementos vazios
$carros = array_filter($carros, 'strlen');
Repl.it com o código funcionando.