我的表单中有一个文本区域字段,我可以在其中复制粘贴手机号码。每行一个号码,像这样我可以复制粘贴数百个手机号码以在该表单中提交。
我想修剪该字段,复制粘贴后我只想保留 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: