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.
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.
C'est JavaScript :