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

});