<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta charset="utf-8" /> <title>批量输入手机号码校验</title> </head> <body> <p><button>校验手机号码</button></p> <textarea cols="90" rows="30" placeholder="批量输入手机号码,支持 空格、换行、逗号、分号分隔"></textarea> </body> </html>
document.querySelector('button').onclick = function () { var err = [], ok = []; document.querySelector('textarea').value.replaceAll(' ', ',').replaceAll('\n', ',').replaceAll(';', ',').replaceAll(',', ',').replaceAll(',,', ',').split(',').forEach(item => { if (item.length != 11 && Number(item).toString() != item) { err.push(item) } else { ok.push(item) } }) if (err.length) { alert(err.join('\n')) alert(ok.join('\n')) } else { document.querySelector('textarea').value = ok.join('\n') } }