Javascript 避免在jquery追加时重复

我使用以下脚本将数据追加到表中：

<script>
    count4 = 1;
    function appendcertificate(){
        var certification = $('#certification').val();
        var sectorSkills = $('#sektorSkills').val();
        var issuedate = $('#issuedate').val();
        var expireddate = $('#expireddate').val();

        var field = "<tr><td>"+certification+"</td><td>"+sektorSkills+"</td><td>"+issuedate+"</td><td>"+expireddate+"</td><input type='hidden' name='certificationVal[]' value='"+certification+"'><input type='hidden' name='skillsectorVal[]' value='"+skillsector+"'><input type='hidden' name='issuedateVal[]' value='"+issuedate+"'><input type='hidden' name='expireddateVal[]' value='"+expiredate+"'></tr>";
        $("#sertifikasiData tbody").append(field);
        count++;
    };

    function hapusform4(){
        $("#sertifikasiData tbody").html("");
    };
</script>

count4=1；
函数appendcertificate（）{
var认证=$（“#认证”）.val（）；
var sectorSkills=$（'#sektorSkills'）.val（）；
var issuedate=$（'#issuedate'）.val（）；
var expireddate=$（'#expireddate'）.val（）；
变量字段=“认证+”“+sektorSkills+”“+issuedate+”“+expireddate+”；
$（“#sertifikasiData tbody”）。追加（字段）；
计数++；
};
函数hapusform4（）{
$（“#sertifikasiData tbody”）.html（“”）；
};

单击添加按钮时，它使用

onclick=“appendcertificate（）”

触发器。

---

我应该使用什么脚本来防止行中出现重复值，如果为空，它会发出类似“请填写至少1行”的警报。

我还没有测试过它，但这可能会起作用

<script>
count4 = 1;
function appendcertificate(){
    var certification = $('#certification').val();
    var sectorSkills = $('#sektorSkills').val();
    var issuedate = $('#issuedate').val();
    var expireddate = $('#expireddate').val();

    if(cerfication == "" || sectorSkills == "" || issuedate == "" || expiredate == "") {
         alert("please fill minimum 1 row");
         return false;
     }
     for (var i = 0, row; row = document.getElementById("#sertifikasiData").rows[i]; i++) {
        var fields = new Array();
        for (var j = 0, col; col = row.cells[j]; j++) {
            fields[j] = col.innerHTML;
        }
        if(certification == fields[0] && sectorSkills == fields[1] && issuedate == fields[2] && expireddate == fields[3]) {
            alert("Duplicate row");
            return false;
            }
     }
    var field = "<tr><td>"+certification+"</td><td>"+sektorSkills+"</td><td>"+issuedate+"</td><td>"+expireddate+"</td><input type='hidden' name='certificationVal[]' value='"+certification+"'><input type='hidden' name='skillsectorVal[]' value='"+skillsector+"'><input type='hidden' name='issuedateVal[]' value='"+issuedate+"'><input type='hidden' name='expireddateVal[]' value='"+expiredate+"'></tr>";
    $("#sertifikasiData tbody").append(field);
    count++;
};

function hapusform4(){
    $("#sertifikasiData tbody").html("");
};

count4=1；
函数appendcertificate（）{
var认证=$（“#认证”）.val（）；
var sectorSkills=$（'#sektorSkills'）.val（）；
var issuedate=$（'#issuedate'）.val（）；
var expireddate=$（'#expireddate'）.val（）；
如果（Cercation==“”| | sectorSkills==“”| | issuedate==“”| | expiredate==“”）{
警告（“请至少填写1行”）；
返回false；
}
for（var i=0，row；row=document.getElementById（“#sertifikasiData”）.rows[i]；i++）{
变量字段=新数组（）；
for（var j=0，col；col=row.cells[j]；j++）{
字段[j]=col.innerHTML；
}
如果（认证==字段[0]&§orSkills==字段[1]&&issuedate==字段[2]&&expiredate==字段[3]）{
警报（“重复行”）；
返回false；
}
}
变量字段=“认证+”“+sektorSkills+”“+issuedate+”“+expireddate+”；
$（“#sertifikasiData tbody”）。追加（字段）；
计数++；
};
函数hapusform4（）{
$（“#sertifikasiData tbody”）.html（“”）；
};

---

如果您不希望他们在仍有空行的情况下添加新的空行，那么当您添加一行时，请设置一个值，如

blankRow=true

，然后向所有新控件添加一个

onchange

事件，并设置

blankRow=false

使按钮在

blankRow

时不起作用
或 您可以用一个检查是否存在空白行的函数来替换简单的布尔值（因此，如果它们将其擦除回空白，您仍然可以看到它）。那么您就不需要更改处理程序了

关于副本，这是一个副本，您可以在此处找到详细信息：

---

您好，它仅在空白字段检查时工作，然后无法将其追加到行中