搜尋

首頁  >  問答  >  主體

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

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

我想修剪該字段,複製貼上後我只想保留 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粉883278265P粉883278265266 天前431

全部回覆(1)我來回復

  • P粉761718546

    P粉7617185462024-04-01 00:06:02

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

    這是 JavaScript:

    sssccc

    回覆
    0
  • 取消回覆