Bom dia, comunidade.
Preciso que quando o usuário clicar em "Adicionar Item" ocorra uma verificação se o mesmo preencheu todos os campos da linha anterior.
Alguém já passou por algo parecido e poderia compartilhar uma solução?
Código da tabela:
<div class="form-group col-md-11">
<table id="transferenciaMaterial" tablename="transferenciaMaterial" class="table table-striped table-bordered " border="0" nodeletebutton="false" noaddbutton="true">
<thead>
<tr>
<td style="text-align: center; font-size: 18px; color: #666666; background-color: #f9f9f9;">Código do Componente</td>
<td style="text-align: center; font-size: 18px; color: #666666; background-color: #f9f9f9;">Descrição do Componente</td>
<td style="text-align: center; font-size: 18px; color: #666666; background-color: #f9f9f9;">Quantidade</td>
</tr>
</thead>
<tr>
<td style="vertical-align: middle; text-align: center;">
<input onblur="descricao()" id="codigoComponente" name="codigoComponente" type="number" class="form-control">
</td>
<td style="vertical-align: middle; text-align: center;">
<input id="descricaoComponente" name="descricaoComponente" type="text" class="form-control">
</td>
<td style="vertical-align: middle; text-align: center;">
<input id="qtdComponente" name="qtdComponente" type="number" class="form-control">
</td>
</tr>
</table>
<button class="btn btn-default" id="adicionarItem" name="adicionarItem" onclick="childAdd();"><span class="info">Adicionar Item</span></button>
</div>
Código da criação de uma nova linha:
function childAdd(){
var row = wdkAddChild('transferenciaMaterial');
}
Atenciosamente, Leonardo Fioretti.