Как избежать добавления новой строки, если пользователь не закончил заполнять строки и нажимать кнопку сохранения?

Question

Проблема в том, что я не нажал кнопку сохранения и не заполнил строку, состоящую из firstName.Это все еще добавляет новую строку после того, как я нажимаю кнопку «Добавить новую строку».Хуже всего то, что я все еще получаю тот же идентификатор.Может ли кто-нибудь помочь мне с моей проблемой моей проверки?

function Add() {
        isAdd = true;
        if (PersonList.length == 0) {
            for (var index = 0; index < tblInfo.childNodes.length; index++) {
                if (tblInfo.childNodes[index].nodeName == "TR") {
                    tblInfo.removeChild(tblInfo.childNodes[index]);
                    break;
                }
            }
        }
        newTr = document.createElement("TR");
        newTd = document.createElement("TD");
        textNode = document.createTextNode(id);
        details.push(textNode.nodeValue);
        newTd.appendChild(textNode);
        newTd.style.textAlign = "center";
        newTr.appendChild(newTd);

        newTd = document.createElement("TD");
        input = document.createElement("input");
        input.setAttribute("type", "text");
        details.push(input);
        newTd.appendChild(input);
        newTd.style.textAlign = "center";
        newTr.appendChild(newTd);

        newTd = document.createElement("TD");
        btn = document.createElement("button");
        textNode = document.createTextNode("UPDATE");
        btn.appendChild(textNode);
        btn.setAttribute("class", "btnUpdate");
        btn.disabled = true;
        btn.addEventListener("click", function() {Update(this);});
        newTd.appendChild(btn);
        newTr.appendChild(newTd);

        btn = document.createElement("button");
        textNode = document.createTextNode("SAVE");
        btn.appendChild(textNode);
        btn.setAttribute("class", "btnSave");
        btn.addEventListener("click", function() {Save(details);});
        newTd.appendChild(btn);
        newTr.appendChild(newTd);

        btn = document.createElement("button");
        textNode = document.createTextNode("CANCEL");
        btn.appendChild(textNode);
        btn.setAttribute("class", "btnCancel");
        btn.addEventListener("click", Cancel);
        newTd.appendChild(btn);
        btn.setAttribute("id", id);
        newTr.appendChild(newTd);

        tblInfo.appendChild(newTr);
    }

Answer 1

Если я правильно понял, вы хотите избежать возможности нажать кнопку «Добавить новую строку», не заполнив поле имени, верно?Если это так, то вы можете сначала извлечь значение поля и использовать простое выражение if.Если это имеет какое-то значение, то вы добавляете новую строку, если нет, ничего не происходит, или вы можете показать какую-то информацию пользователю.Надеюсь это поможет!Bye