jquery驗證，添加，刪除電子郵件地址

Question

我想驗證一個電子郵件地址，然後添加到多選框。我正在使用qTip和jquery驗證來做伎倆。所以當點擊添加按鈕時，腳本應該驗證並添加到下面的選擇框中。驗證工作正常，但添加我面臨添加方法主qTip腳本有點困難。誰能幫我在整合之下

這裏是demo

添加腳本

$(document).ready(function() { 
$("#addButton").click(function() { 
    var arr = new Array(); 
    $('#emailRecipients option').each(function(){ 
     arr.push($(this).attr('value')) 
    }); 
    var duplicateFlag = false; 
    for(var i = 0; i < arr.length; i++) { 
     if(arr[i].toString() == $('#validate').val()) { 
      duplicateFlag = true; 
      break; 
     } 
    } 

    if(duplicateFlag) { 
     alert('sorry...'); 
    } else { 
     $('#emailRecipients').append($("<option>" + $('#validate').val() + "</option>")); 
    } 
    return false; 
}); 
    }); 

Answer 1

既然你用字符串比較，你可以在下面收緊你的代碼驗證。另外，您需要將您的.append（）方法中的jquery更改爲原始HTML，並將該電子郵件地址添加到選項值中。

$(document).ready(function(){ 

    $("#addButton").click(function(){ 
     var emails = []; 
     $("#emailRecipients option").each(function(){ 
      emails.push($(this).val()); 
     }); 

     if($.inArray($('#validate').val(), emails) != -1){ 
      alert("sorry..."); 
     }else{ 
      $('#emailRecipients').append("<option value='" + $('#validate').val() + "'>" + $('#validate').val() + "</option>"); 
     } 
    }); 

});