
本文介绍了如何在PHP表单的textarea字段中处理手机号码,包括提取有效的10位手机号码、移除无效号码以及实时计数。通过JavaScript脚本,可以实现号码的清洗和统计功能,确保提交的数据准确有效,同时保持计数功能的正常运行。
在Web开发中,经常需要处理用户输入的手机号码,例如从textarea中提取并验证。以下将介绍如何使用JavaScript实现手机号码的提取、过滤以及计数功能。
首先,定义包含textarea和计数显示的HTML表单结构:
<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 require 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 id="btn" type="submit" name="submit" class="btn btn-success btn-lg waves-effect waves-light m-r-10">SUBMIT </button>
</div>
</div>
</form>以下是JavaScript代码,用于提取有效的10位手机号码,并更新计数:
立即学习“PHP免费学习笔记(深入)”;
let numbers = document.querySelector('#mobileno');
let numbercount = document.querySelector('#numbercount');
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 => {
if (num.length == 10 && num.indexOf("+") === -1) {
result += num.substring(0, 10) + "\n";
totalNum++;
}
});
numbers.value = result;
numbercount.value = totalNum;
}这段代码的核心逻辑如下:
通过以上步骤,可以实现一个基本的手机号码提取、过滤和计数功能,提高数据处理的效率和准确性。
以上就是PHP表单中处理手机号码:提取、计数与验证的详细内容,更多请关注php中文网其它相关文章!
PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号