jquery 이메일 주소 유효성 검사, 추가, 삭제

Question

전자 메일 주소의 유효성을 검사하고 다중 선택 상자에 추가하려고합니다. 나는 qTip과 jquery를 사용하여 트릭을 검증한다. 따라서 Add 버튼을 누르면 스크립트는 유효성을 검사하고 아래의 선택 상자에 추가해야합니다. 유효성 검사는 정상적으로 작동하지만 추가시 주 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>"); 
     } 
    }); 

});