javascript - 从文本区域过滤正则表达式数字

Question

我一直在寻找如何使用 regex 函数在 textarea 中过滤数据的方法很长一段时间，但没有成功。下面是我想用来过滤英国电话号码的正则表达式。

(((\+44\s?\d{4}|\(?0\d{4}\)?)\s?\d{3}\s?\d{3})|((\+44\s?\d{3}|\(?0\d{3}\)?)\s?\d{3}\s?\d{4})|((\+44\s?\d{2}|\(?0\d{2}\)?)\s?\d{4}\s?\d{4}))(\s?\#(\d{4}|\d{3}))?

fiddle : https://jsfiddle.net/qdypo04y/

我想实现点击按钮时的结果，它会删除不符合正则表达式的行？或者将删除不是英国电话号码的值。

如有任何指导，我们将不胜感激。

Answer 1

除了使用 textarea 元素，您的问题是:

• 如何将点击事件监听器附加到您的按钮(引用:querySelector 和 addEventListener)
• 如何获取textarea的内容并拆分成行(引用:textContent加上split和join)
• 最后如何使用你的正则表达式:引用test

一个例子是:

document.querySelector('button').addEventListener('click', function(e) {
    var txtArea = document.querySelector('textarea[rows="4"][cols="50"]');
    var re = /(((\+44\s?\d{4}|\(?0\d{4}\)?)\s?\d{3}\s?\d{3})|((\+44\s?\d{3}|\(?0\d{3}\)?)\s?\d{3}\s?\d{4})|((\+44\s?\d{2}|\(?0\d{2}\)?)\s?\d{4}\s?\d{4}))(\s?\#(\d{4}|\d{3}))?/;
    var txtArr = txtArea.textContent.split('\n');
    txtArr.forEach(function(ele, idx) {
        txtArr[idx] = ele + '  test result is: ' + re.test(ele);
    });
    txtArea.textContent = txtArr.join('\n');
});

<textarea rows="4" cols="50">
+447222555555
0800 042 0213
2017/07/14
2017/07/17
2017/07/27
</textarea>
<button>Click me</button>