PHP表单textarea手机号过滤：保留10位号码且不丢失计数功能

核心实现规则 #

• 同时覆盖手动输入、批量粘贴两种操作场景，自动完成内容清洗
• 逐行做trim处理，仅保留恰好10位的纯数字号码，带空格、长度不符、含特殊符号的无效行全部移除
• 清洗完成后自动将有效内容回写到textarea，基于最终有效内容统计行数，计数和实际提交内容完全一致，不会出现原有计数功能失效的问题
• 解决粘贴事件触发时机问题，不会出现粘贴后内容未加载完成就执行清洗/计数的bug

可直接落地的完整代码 #

直接替换你原有的表单+脚本代码即可：

<form class="form" method="post" action="" enctype="multipart/form-data">
<div class="form-group row">
     <label for="mobileno" class="col-lg-2 col-form-label">Mobile Numbers </label>                         
   <div class="col-lg-10">
     <textarea type="text" class="form-control required" required 
cols="10" rows="7" id="mobileno" name="mobileno"> </textarea>
 </div>
</div>

<div class="form-group row">
     <label class="col-lg-2 control-label " for="numbercount">Number Count </label>
  <div class="col-lg-10">
      <input type="text" class="form-control " readonly id="numbercount" required name="numbercount" value="">
  </div>
 </div>

<div class="form-group row">
   <div class="col-lg-12 text-center">
     <button type="submit" name="submit" class="btn btn-success btn-lg waves-effect waves-light m-r-10">SUBMIT </button>
</div>
 </div>

</form>     

<script>
// 统一的清洗+计数函数
function sanitizeAndCount() {
    const $mobileInput = $('#mobileno');
    const $countInput = $('#numbercount');
    // 获取当前输入内容，按换行拆分
    const rawLines = $mobileInput.val().split('\n');
    const validLines = [];
    // 逐行校验
    rawLines.forEach(line => {
        const trimmedLine = line.trim();
        // 仅匹配恰好10位的纯数字
        if (/^\d{10}$/.test(trimmedLine)) {
            validLines.push(trimmedLine);
        }
    });
    // 有效内容回写
    const validContent = validLines.join('\n');
    $mobileInput.val(validContent);
    // 统计有效号码总数
    $countInput.val(validLines.length);
}

$(function() {
    const $mobileInput = $('#mobileno');
    // 监听手动输入事件
    $mobileInput.on('keyup', sanitizeAndCount);
    // 监听粘贴事件，加延迟等内容写入后再处理
    $mobileInput.on('paste', function() {
        setTimeout(sanitizeAndCount, 10);
    });
    // 页面初始化时执行一次，兼容初始带值的场景
    sanitizeAndCount();
});
</script>

注：以上代码沿用你原有逻辑的jQuery写法，若页面已全局引入jQuery可直接运行，无需额外引入资源。

效果验证 #

粘贴测试内容后，textarea会自动过滤为以下有效内容，计数框自动显示3，和预期完全一致：

9848012345
9949123450
9848098765

注意：前端清洗仅为提升用户体验，后端PHP接收参数后必须再做一次同样规则的校验，避免前端被绕过提交无效数据。

内容的提问来源于stack exchange，提问作者Ravi