Question

好的，所以我有2x textarea和不同的id。我试图提取粘贴到第一个文本区域的电子邮件，然后显示到第二个文本区域。我知道我的jquery用于从页面中的文本中提取和排序电子邮件，但我似乎无法使用textarea来处理它。

我的textarea代码如下：

<textarea id="email-extractor" class="email-extractor-textarea"></textarea>
<textarea id="email-extracted" class="email-extractor-textarea"></textarea>

我的代码如下：

<script>

function extractEmails (text)
{
    return text.match(/([a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z0-9._-]+)/gi);
}

function eliminateDuplicates (arr) {
    var i;
    var len=arr.length;
    var out=[];
    var obj={};

    for (i=0;i<len;i++) {
        obj[arr[i]]=0;
    }
    for (i in obj) {
        out.push(i);
    }
    return out;
}

var emailsFullList = [];

$('#email-extractor').keyup(function( index ) {
    var emails = extractEmails($(this).text());

    if (!emails) {
       $('#email-extracted').text('** No emails in comment');
    } else if (emails.length < 3) {
        emailsFullList = emailsFullList.concat(emails);
    } else {
        $('#email-extracted').text('** Ignoring comment, too many email addresses ('+emails.length+').');
    }
});

emailsFullList = eliminateDuplicates(emailsFullList);

$('#email-extracted').text(emailsFullList.join());

</script>

Answer 1

您的代码似乎唯一有效的是您没有正确地将文本添加到第二个文本区域：

DEMO ：http://jsfiddle.net/nkLvwtLa/

$('#email-extractor').keyup(function (index) {
    var emails = extractEmails($(this).val());
    console.log(emails);
    if (!emails) {
        $('#email-extracted').text('** No emails in comment');
    } else if (emails.length < 3) {
        var text = '';
        for (var i = 0; i < emails.length; i++) {
            text += emails[i] + ',';
        }
        $('#email-extracted').text(text);
    } else {
        $('#email-extracted').text('** Ignoring comment, too many email addresses (' + emails.length + ').');
    }
});

Answer 2

试试这个......

function extractEmails (text)
{
    return text.match(/([a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z0-9._-]+)/gi);
}

function eliminateDuplicates (arr) {
    var i;
    var len=arr.length;
    var out=[];
    var obj={};

    for (i=0;i<len;i++) {
        obj[arr[i]]=0;
    }
    for (i in obj) {
        out.push(i);
    }
    return out;
}

var emailsFullList = [];

$('#email-extractor').keyup(function( index ) {
    var emails = extractEmails($(this).val());

    if (!emails) {
       $('#email-extracted').val('** No emails in comment');
    } else if (emails.length < 3) {
        emailsFullList = emailsFullList.concat(emails);
    } else {
        $('#email-extracted').val('** Ignoring comment, too many email addresses ('+emails.length+').');
    }
    
    emailsFullList = eliminateDuplicates(emailsFullList);

    $('#email-extracted').val(emailsFullList.join());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<textarea id="email-extractor" class="email-extractor-textarea"></textarea>
<textarea id="email-extracted" class="email-extractor-textarea"></textarea>

你需要移动这些线......

emailsFullList = eliminateDuplicates(emailsFullList);

$('#email-extracted').text(emailsFullList.join());

进入.keyup()，否则只能在页面加载时运行。此外，在使用textarea时，我认为您应该使用.val()而不是.text()来获取/设置值

来自textarea的jquery电子邮件提取器

2 个答案: