<!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')
}
}