避免重复追加

Question

我使用这个脚本把数据附加到表：

<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> 

它采用onclick="appendcertificate()"触发，当您单击添加按钮。 我应该使用哪些脚本来防止行中出现重复值，如果空白，是否可以像'请填写最少1行'一样提醒。

Answer 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(""); 
}; 

Answer 2

如果你不想让他们增加一个新的空白行，当仍然有一个空行，然后当你添加行设置像blankRow = true值然后添加一个onchange事件给所有的新的控制和设置blankRow=false有按钮不起作用时，blankRow。
或 你可以用一个检查空白行存在的函数替换简单的布尔值（所以如果它们将它清除为空白，你仍然可以看到它）。那么你并不需要更改处理程序。

关于重复，这是一个重复的，你可以在这里找到细节：

find duplicated rows in a table