Question

我正在尝试验证电子邮件地址，然后添加到多选框。我正在使用qTip和jquery验证来完成这个技巧。因此，当点击添加按钮时，脚本应该验证并添加到下面的选择框。验证工作正常，但添加am面临将主要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>");
        }
    });

});

jquery验证，添加，删除电子邮件地址

1 个答案: