我的表單中有一個文字區域字段,我可以在其中複製貼上手機號碼。每行一個號碼,像這樣我可以複製和貼上數百個手機號碼以在該表單中提交。
我想修剪該字段,複製貼上後我只想保留 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>
請幫忙。提前致謝。
嘗試檢查一下這個。我已經稍微更新了您的 HTML。 HTML 和 JavaScript 都是如此。希望這會起作用。
這是 JavaScript: