Coupez et calculez le numéro de mobile dans le champ de zone de texte du formulaire php

Question

J'ai un champ de zone de texte dans mon formulaire où je peux copier et coller un numéro de portable. Un numéro par ligne, je peux ainsi copier et coller des centaines de numéros de mobile à soumettre dans ce formulaire.

Je souhaite découper le champ, après copier-coller je souhaite uniquement conserver les 10 chiffres.

Seuls les numéros valides à 10 chiffres doivent être conservés, tous les autres numéros invalides doivent être automatiquement supprimés du champ. Non seulement je peux copier et coller, mais je peux également saisir des nombres après avoir collé certains nombres.

Exemple : Si je colle ce numéro dans ce champ de zone de texte,

9848012345
9949123450
9949 123456
99491234
99491234561
+1236547890
9848098765

Seuls 10 chiffres doivent être conservés dans ce champ comme indiqué ci-dessous :

9848012345
9949123450
9848098765

Et utilisez ce script (onKeyUp="countline()") pour compter le nombre total (lignes) dans ce champ.

Quand j'ai essayé certaines solutions mais j'ai perdu la fonctionnalité de comptage.

Existe-t-il une solution pour faire cela sans perdre la fonctionnalité de comptage ?

<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>

S'il vous plaît, aidez-moi. Merci d'avance.

Answer 1

Essayez de vérifier ceci. J'ai légèrement mis à jour votre code HTML. Cela est vrai à la fois pour HTML et JavaScript. J'espère que cela fonctionnera.

Mobile Numbers

Number Count

SUBMIT

C'est JavaScript :

sssccc