在 php 表单文本区域字段中修剪和计算手机号码
P粉883278265
P粉883278265 2024-03-31 08:46:11
0
1
422

我的表单中有一个文本区域字段,我可以在其中复制粘贴手机号码。每行一个号码,像这样我可以复制粘贴数百个手机号码以在该表单中提交。

我想修剪该字段,复制粘贴后我只想保留 10 位数字。

仅应保留有效的 10 位数字,所有其他无效数字应自动从该字段中删除。不仅可以复制粘贴,我还可以在粘贴一些数字后输入一些数字。

示例: 如果我将此数字粘贴到此文本区域字段中,

9848012345
9949123450
9949 123456
99491234
99491234561
+1236547890
9848098765

从此字段中应仅保留 10 位数字,如下所示:

9848012345
9949123450
9848098765

并使用此脚本(onKeyUp =“countline()”)来计算该字段中的总数(行)。

当我尝试一些解决方案时,但失去了计数功能。

有什么解决方案可以在不丢失计数功能的情况下做到这一点吗?

<form class="form" method="post" action="" 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 onKeyUp="countline()" 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>     

<script>
    function countline() {
        var length = $('#mobileno').val().split("\n").length;
        document.getElementById("numbercount").value = length;
    }
</script>

请帮忙。提前致谢。

P粉883278265
P粉883278265

全部回复(1)
P粉761718546

尝试检查一下这个。我已经稍微更新了您的 HTML。 HTML 和 JavaScript 都是如此。希望这会起作用。


这是 JavaScript:

sssccc
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板