Question

我正在从vcard QR码扫描数据。我收到的字符串看起来像这样：

BEGIN:VCARD
VERSION:2.1
N:Lastname;Firstname
FN:Firstname Lastname
ORG:Lol Group
TITLE:Project Engineer
TEL;WORK:+32 (0)11 12 13 14
ADR;WORK:Industrielaan 1;2250 Olen;Belgium
EMAIL:link.com
URL:http://www.link.com
END:VCARD

我需要一些数据来自动填写表单（我在 jQuery 中执行此操作）。我需要名字，姓氏，组织和电话号码。

所以我需要 N ， ORG 和电话之后的数据。但我真的很困惑，我怎么能以最好的方式做到这一点。有这方面的经验，也许有一些提示给我？

更新

数据有时会有所不同。这些是可能性：

选项1

BEGIN:VCARD
VERSION:3.0
N:lname;fname;;;
FN:fname lname
TITLE:Project manager
EMAIL;type=INTERNET;type=WORK:s.demesqdqs.be
TEL;type=WORK:+3812788105
END:VCARD

选项2

BEGIN：VCARDFN：Barend VercauterenTEL：+32（0）9 329 93 06EMAIL：Barend.Vercauterenëesc.beURL：http://www.esc.beN:Vercauteren;BarendADR:Grote Steenweg 39; 9840; De PinteORG：ESC bvbaROLE：sales consultantVERSION：3.0END：VCARD < / p>

选项3

BEGIN：VCARDVERSION：2.1N：Deblieck; Tommy ;; DhrFN：Tommy DeblieckTITLE：ZaakvoerderORG：QBMT bvbaADR：;; Kleine Pathoekweg 44; Brugge; West-Vlaanderen; 8000; Belgi≠A0171TEL; WORK; PREF：+32 479302972TEL ; CELL：+32 479302972EMAIL：tdëqbmt.beURL：www.qbis.beEND：VCARD

正如您所看到的那样，所有文本都相互依附......

我使用选项1接收正确数据的代码：

var fname = /FN:(.*)/g;
var org = /ORG:(.*)/g;
var tel = /TEL;[^:]*:(.*)/g;

var fullname, firstname, morg, mtel;

fullname = fname.exec(qr_data);
fullname = fullname[1];
var array = fullname.split(' ');
firstname = array[0];
array.shift();

var lastname = '';

if(array.length > 1){
    $.each(array, function(index, item) {
        lastname += item ;
    });
}
else
{
    lastname = array[0];
}

morg = org.exec(qr_data);
mtel = tel.exec(qr_data);

if(firstname)
{
    $("#firstname").val(firstname);
}

if(lastname)
{
    $("#name").val(lastname);
}

if(morg)
{
    $("#company").val(morg[1]);
}

if(mtel)
{
    $("#number").val(mtel[1]);
}

但是如何使用其他2个选项获取这些数据？

Answer 1

使用regex提取数据。

名称= /FN:(.*)/g
对于组织= /ORG:(.*)/g
对于电话= /TEL;[^:]*(.*)/g

查看此fiddle。

＆＃13;

var fname = /FN:(.*)/g;
var org = /ORG:(.*)/g;
var tel = /TEL;[^:]*:(.*)/g;
var str = 'BEGIN:VCARD\nVERSION:2.1\nN:Lastname;Firstname\nFN:Firstname Lastname\nORG:Lol Group\nTITLE:Project Engineer\nTEL;WORK:+32 (0)11 12 13 14\nADR;WORK:Industrielaan 1;2250 Olen;Belgium\nEMAIL:link.com\nURL:http://www.link.com\nEND:VCARD';
var mname, morg, mtel;

mname = fname.exec(str);
morg = org.exec(str);
mtel = tel.exec(str);

alert(mname[1]);
alert(morg[1]);
alert(mtel[1]);

＆＃13;

Answer 2

为了正确解析vCard，您不能依赖单个正则表达式。您可以利用一些vCard解析器。

以下是使用Nilclass vCardJS：

的示例

VCF.parse(input, function(vcard) {
  // this function is called with a VCard instance.
  // If the input contains more than one vCard, it is called multiple times.
  console.log("Names: ", JSON.stringify(vcard.n)); // Names
  console.log("Org: ", JSON.stringify(vcard.org)); // Org
  console.log("Tel: ", JSON.stringify(vcard.tel)); // Tel
});

以下是所有定义的字段：

VCard.allKeys = [
    'fn', 'n', 'nickname', 'photo', 'bday', 'anniversary', 'gender',
    'tel', 'email', 'impp', 'lang', 'tz', 'geo', 'title', 'role', 'logo',
    'org', 'member', 'related', 'categories', 'note', 'prodid', 'rev',
    'sound', 'uid'
];

<强>更新：

这是你可能尝试的正则表达式。但是，它可能不完整，您必须在vCard中获得更多不同的字段名称时进行调整：

(begin|end|version|cell|adr|nickname|photo|bday|anniversary|gender|tel|email|impp|lang|tz|geo|title|role|logo|org|member|related|categories|note|prodid|rev|sound|uid|fn|n):(.*?)(?=(?:begin|end|version|cell|adr|nickname|photo|bday|anniversary|gender|tel|email|impp|lang|tz|geo|title|role|logo|org|member|related|categories|note|prodid|rev|sound|uid|fn|n):|\n|$)

请参阅demo

第一个捕获组将包含字段名称，第二个捕获组将包含字段值。同样，使用专用解析器，您会更安全。

＆＃13;

var re = /(begin|end|version|cell|adr|nickname|photo|bday|anniversary|gender|tel|email|impp|lang|tz|geo|title|role|logo|org|member|related|categories|note|prodid|rev|sound|uid|fn|n):(.*?)(?=(?:begin|end|version|cell|adr|nickname|photo|bday|anniversary|gender|tel|email|impp|lang|tz|geo|title|role|logo|org|member|related|categories|note|prodid|rev|sound|uid|fn|n):|\n|$)/gi; 
var str = 'BEGIN:VCARDVERSION:2.1N:Deblieck;Tommy;;DhrFN:Tommy DeblieckTITLE:ZaakvoerderORG:QBMT bvbaADR:;;Kleine Pathoekweg 44;Brugge;West-Vlaanderen;8000;Belgi≠A0171TEL;WORK;PREF:+32 479302972TEL;CELL:+32 479302972EMAIL:tdëqbmt.beURL:www.qbis.beEND:VCARD';
var m;
 
while ((m = re.exec(str)) !== null) {
    if (m.index === re.lastIndex) {
        re.lastIndex++;
    }
    if (m[1].toLowerCase() === "n") {
      document.write("Names: " + m[2] + "<br/>");
    }
    else if (m[1].toLowerCase() === "org") {
      document.write("Org: " + m[2] + "<br/>");
    }
    else if (m[1].toLowerCase().indexOf("tel") === 0 ||
            m[1].toLowerCase().indexOf("cell") === 0) {
      document.write("Tel.: : " + m[2]);
    }
}

＆＃13;

从长字符串中过滤数据（vcard）

2 个答案: