PHP表单中处理和统计手机号码：自动过滤并计数-html教程-PHP中文网

PHP表单中处理和统计手机号码：自动过滤并计数

花韻仙語

发布： 2025-08-13 22:04:23

原创

731人浏览过

php表单中处理和统计手机号码：自动过滤并计数

本文将介绍如何使用PHP和JavaScript处理表单中的手机号码输入，实现自动过滤非10位数字的号码，并实时统计有效号码数量的功能。通过结合前端的JavaScript脚本和后端的PHP处理，可以有效地清洗用户输入的手机号码数据，并为用户提供清晰的号码统计信息。

前端实现：JavaScript 过滤和计数

前端部分的核心在于使用 JavaScript 实时处理用户在 textarea 中输入的手机号码。主要功能包括：

监听 mouseout 事件: 当鼠标移出文本框时触发号码处理。
获取并清洗数据: 从 textarea 中获取所有号码，去除首尾空格，并按行分割。
验证号码: 循环遍历每个号码，只保留10位数字的号码。
更新 textarea 和计数器: 将过滤后的号码重新填充到 textarea 中，并更新号码计数器的值。

以下是实现该功能的 JavaScript 代码：

<script>
let numbers = document.querySelector('#mobileno');
let numbercount = document.querySelector('#numbercount');

numbers.addEventListener('mouseout', getNumbers); // 使用事件监听器

function getNumbers(event) {
    event.preventDefault();
    let getnums = numbers.value.trim();
    getnums = getnums.split("\n");

    let result = "";
    let totalNum = 0;

    getnums.forEach(num => {
        // 确保是10位数字且不包含 "+" 符号
        if (num.length === 10 && num.indexOf("+") === -1 && /^\d+$/.test(num)) {
            result += num.substring(0, 10) + "\n";
            totalNum++;
        }
    });

    numbers.value = result;
    numbercount.value = totalNum;
}
</script>

登录后复制

代码解释:

立即学习“PHP免费学习笔记（深入）”；

numbers = document.querySelector('#mobileno'); 和 numbercount = document.querySelector('#numbercount');：分别获取 textarea 和计数器输入框的 DOM 元素。
numbers.addEventListener('mouseout', getNumbers);: 监听 textarea 的 mouseout 事件，当鼠标移出时触发 getNumbers 函数。
getNumbers(event): 事件处理函数，用于处理号码数据。
event.preventDefault();：阻止默认事件行为。
getnums = numbers.value.trim();：获取 textarea 中的值，并去除首尾空格。
getnums = getnums.split("\n");：将字符串按行分割成数组。
num.length === 10 && num.indexOf("+") === -1 && /^\d+$/.test(num)：确保号码长度为10，不包含 "+" 符号，并且是纯数字。
result += num.substring(0, 10) + "\n";: 将有效的号码添加到结果字符串中，并添加换行符。
numbers.value = result;: 将结果字符串填充回 textarea。
numbercount.value = totalNum;: 更新计数器的值。

HTML 表单结构

以下是 HTML 表单的基本结构，包含一个 textarea 用于输入手机号码，一个只读的 input 框用于显示号码数量，以及一个提交按钮。

表单大师AI

一款基于自然语言处理技术的智能在线表单创建工具，可以帮助用户快速、高效地生成各类专业表单。

查看详情

<form class="form" method="post" enctype="multipart/form-data">
    <div class="form-group row">
        <label for="title" 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="userName">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>

登录后复制

注意：

id="mobileno" 和 id="numbercount" 必须与 JavaScript 代码中的选择器一致。
确保 textarea 具有 name 属性，以便在后端 PHP 代码中获取数据。

后端处理：PHP 接收和验证 (可选)

虽然前端已经进行了过滤，但在后端使用 PHP 再次验证数据仍然是一个好习惯，可以防止恶意用户绕过前端验证。

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $mobileNumbers = $_POST["mobileno"];
    $numbersArray = explode("\n", $mobileNumbers);

    $validNumbers = [];
    foreach ($numbersArray as $number) {
        $number = trim($number);
        if (strlen($number) == 10 && ctype_digit($number)) {
            $validNumbers[] = $number;
        }
    }

    // 现在 $validNumbers 数组包含了所有有效的10位手机号码
    // 你可以对这些号码进行进一步处理，例如存储到数据库

    echo "Valid Numbers:<br>";
    foreach ($validNumbers as $validNumber) {
        echo $validNumber . "<br>";
    }
}
?>

登录后复制

代码解释:

立即学习“PHP免费学习笔记（深入）”；

$_SERVER["REQUEST_METHOD"] == "POST"：检查请求方法是否为 POST。
$_POST["mobileno"]：获取 textarea 中的值。
explode("\n", $mobileNumbers)：将字符串按行分割成数组。
strlen($number) == 10 && ctype_digit($number)：确保号码长度为10，并且是纯数字。
$validNumbers[] = $number;：将有效的号码添加到 $validNumbers 数组中。

总结

通过结合前端 JavaScript 的实时过滤和计数，以及后端 PHP 的再次验证，可以有效地处理表单中的手机号码输入，确保数据的准确性和安全性。这种方法既能提升用户体验，又能保证数据的质量，适用于需要收集大量手机号码的场景。

以上就是PHP表单中处理和统计手机号码：自动过滤并计数的详细内容，更多请关注php中文网其它相关文章！