CODEWITHSUNDEEP
javascriptregexmailto
vikmalhotra
vikmalhotra

Reputation: 10071

JavaScript, regex: How to fetch mail address in mailto: links

Is there a jquery plugin or may be a regex which can be used to all the fields in query string of a mailto: link. It should support the mailto syntax.

Say if I have a link like ...

<a href="mailto:[email protected],[email protected]">Some msg</a>

The regex should give me the mail addresses in mailto: link - [email protected], [email protected]. It should also support links like

<a href="mailto:[email protected]?subject=Comments from MailTo Syntax Page">
<a href="mailto:[email protected]?body=I am having trouble finding information on">
<a href="mailto:[email protected]?subject=MailTo Comments&[email protected]&[email protected]">

For a link like 

<a href="mailto:value">tell a friend</a>

I would pass value and the function and get an associative array of email addresses and other fields passed in query string.

Upvotes: 0

Views: 4191

Answers (4)

toddmo
toddmo

Reputation: 22436

This works for me.

function parseMailTo(mailto) {
  var url = new URL(mailto)
  var query = parseQuery(url.search)
  return {
    to: {url.pathname}
    subject: {query.subject}
  }
}

function parseQuery(queryString) {
  var query = {};
  var pairs = (queryString[0] === '?' ? queryString.substr(1) : queryString).split('&');
  for (var i = 0; i < pairs.length; i++) {
      var pair = pairs[i].split('=');
      query[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1] || '');
  }
  return query;
}

Upvotes: 0

l2aelba
l2aelba

Reputation: 22177

If you know what you are doing :

var href = 'mailto:[email protected]?subject=My+Subject&body=My+Body';

function getMailto(s) {
    var r = {};
    var email = s.match(/mailto:([^\?]*)/);
            email = email[1] ? email[1] : false;
  var subject = s.match(/subject=([^&]+)/);
            subject = subject ? subject[1].replace(/\+/g,' ') : false;
    var body = s.match(/body=([^&]+)/);
            body = body ? body[1].replace(/\+/g,' ') : false;

  if(email) {r['email'] = email;}
  if(subject) {r['subject'] = subject;}
  if(body) {r['body'] = body;}

  return r;
}

console.log(getMailto(href));

Demo : https://jsfiddle.net/l2aelba/qov9wpk5/

Upvotes: 0

Domenic
Domenic

Reputation: 112857

Parsing URLs, and especially their query strings, is not a job for regexes. You could use a proper URL-parsing library or perhaps just a query string parsing one.

Upvotes: 4

inhan
inhan

Reputation: 7470

I'm not sure how accurate this is, but it might be improved if you feel a necessity to use regex.

function getEmails(str) {
// returns a list of email addresses in 'str'
    var tags = str.match(/<a href=('|")mailto:(.*?)\1(.*?)>/gi);
    var res = [];
    if (!tags.length) return res;
    for (var i = 0; i < tags.length; i++) {
        tags[i] = tags[i].replace(/^<a href=('|")mailto:(.+?)(\?[^\1]*)?\1>$/,'$2');
        var arr = tags[i].replace(/\s/g,'').split(',');
        for (var j = 0; j < arr.length; j++) res.push(arr[j]);
    }
    return res;
}

I'm not sure what you mean in the last part by the way so I tried to answer the first part.

Upvotes: 1

Related Questions