在 php 表單文字區域欄位中修剪和計算手機號碼

Question

我的表單中有一個文字區域字段，我可以在其中複製貼上手機號碼。每行一個號碼，像這樣我可以複製和貼上數百個手機號碼以在該表單中提交。

我想修剪該字段，複製貼上後我只想保留 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>

請幫忙。提前致謝。

Answer 1

嘗試檢查一下這個。我已經稍微更新了您的 HTML。 HTML 和 JavaScript 都是如此。希望這會起作用。

Mobile Numbers

Number Count

SUBMIT

這是 JavaScript：

sssccc