Verificar campos antes de adicionar nova linha Tabela PaixFilho

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.

compartilhar
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

1 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags tabela paifilho campo wdkaddchild ou faça a sua própria pergunta.