Valider l'entrée utilisateur avec des espaces

Domantas Šlaičiūnas

Comment entrer l'utilisateur au format en temps réel? Par exemple, l'utilisateur met A9364470240ZGS001dans le champ de saisie et en utilisant le format JavaScript dans le champ de saisie en temps réel pour être comme A 936 447 02 40 ZGS 001:?

<div class="childDumpFile">
     <label for="ds">Dataset</label>
     <input type="text" class="form-control" id="ds" name="ds" value="{{Request::get('ds') ?? ''}}">
</div>
Kerim

J'ai trouvé la vraie réponse. Ces attentes sont nommées comme "masque d'entrée" et si vous souhaitez utiliser. Vous devez utiliser les 3. bibliothèques de partie. Certains d'entre eux sont répertoriés dans les sites suivants:

Bibliothèques 1 Bibliothèques 2

J'ai choisi Cleave.jspour votre question. Voici la démo:

<script src="https://nosir.github.io/cleave.js/dist/cleave.min.js"></script>
<script src="https://nosir.github.io/cleave.js/dist/cleave-phone.i18n.js"></script>
<script>
    function loadFunction() {
        // custom
        var cleaveCustom = new Cleave('.input-custom', {
            blocks: [1, 3, 3, 2, 2, 3, 3],
            delimiter: ' ',
        });
    }
</script>

<body onload="loadFunction()">
    A 936 447 02 40 ZGS 001
    <div class="container">
        <input class="input-custom" placeholder="Custom delimiter & blocks" />
    </div>
</body>

Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.

En cas d'infraction, veuillez [email protected] Supprimer.

modifier le
0

laisse moi dire quelques mots

0commentaires
connexionAprès avoir participé à la revue

Articles connexes

comment valider l'entrée utilisateur avec javascript

Est-il possible d'utiliser des liaisons ReactiveUI dans WPF pour valider l'entrée utilisateur avec uniquement INotifyDataErrorInfo?

Comment puis-je valider l'entrée utilisateur avec regex avec l'option de saisir plusieurs entrées en utilisant des virgules?

golang acceptant l'entrée avec des espaces

Python comment valider l'entrée de l'utilisateur avec plusieurs options acceptables

Créer une image avec des x et des espaces sur plusieurs lignes en fonction de l'entrée de l'utilisateur

Comment lire des séquences avec des espaces et s'arrêter lorsque l'utilisateur appuie sur "Entrée" en C ++?

Valider le formulaire dans les rails lorsque l'utilisateur ne saisit que des espaces

Grille redimensionnable de l'interface utilisateur jQuery avec des espaces

entrée std :: cin avec des espaces?

L'élément d'entrée HTML renvoie des espaces vides dans EJS avec un électron

Comment valider l'entrée utilisateur lors de l'exécution d'un certain temps avec ces valeurs

valider l'entrée avec un nom contenant des crochets dans AngularJS

MYSQL : valider l'entrée avec des expressions régulières REGEX

Utilisez DialogFragment pour valider l'entrée utilisateur

Utilisation de RegEx pour valider l'entrée utilisateur

impossible de valider l'entrée utilisateur en javascript

Valider l'entrée utilisateur de copier-coller interrompu

Swift: valider l'entrée du nom d'utilisateur

Laravel - valider l'entrée utilisateur pour une valeur unique

Comment valider une entrée sans espaces à la fin de l'entrée

Comment valider une entrée sans espaces à la fin de l'entrée

Pourquoi scanf ne fonctionne pas avec des espaces à la fin de l'entrée formelle?

Valider l'agent utilisateur avec Regex

Besoin de valider le code entré par l'utilisateur qui comprend des lettres et des chiffres

Autoriser l'utilisateur à exécuter une commande avec des arguments (qui contient des espaces)

Ajout d'une tranche avec l'entrée utilisateur avec des fonctions

supprimer des fichiers spécifiques avec extension en masse avec l'entrée utilisateur

Valider l'entrée de l'utilisateur pour prendre des caractères et des nombres à l'aide d'une expression régulière ne fonctionne pas

TOP liste

  1. 1

    comment afficher un bouton au-dessus d'un autre élément ?

  2. 2

    impossible d'obtenir l'image d'arrière-plan en plein écran dans reactjs

  3. 3

    Je continue à obtenir l'objet 'WSGIRequest' n'a pas d'attribut 'Get' sur django

  4. 4

    comment supprimer "compte de connexion google" à des fins de développement - actions sur google

  5. 5

    Conversion double en BigDecimal en Java

  6. 6

    Impossible d'accéder à la vue personnalisée pendant le test de l'interface utilisateur dans XCode

  7. 7

    Algorithme: diviser de manière optimale une chaîne en 3 sous-chaînes

  8. 8

    Passer la taille d'un tableau 2D à une fonction ?

  9. 9

    Comment obtenir l'intégration contextuelle d'une phrase dans une phrase à l'aide de BERT ?

  10. 10

    Comment changer le navigateur par défaut en Microsoft Edge pour Jupyter Notebook sous Windows 10 ?

  11. 11

    CSS: before ne fonctionne pas sur certains éléments,: after fonctionne très bien

  12. 12

    Comment créer un bot à compte à rebours dans Discord en utilisant Python

  13. 13

    Comment ajouter une entrée à une table de base de données pour une combinaison de deux tables

  14. 14

    Exporter la table de l'arborescence vers CSV avec mise en forme

  15. 15

    Comment activer le message Pylint "too-many-locals" dans VS Code?

  16. 16

    Créer un système Buzzer à l'aide de python

  17. 17

    Spring @RequestParam DateTime format comme ISO 8601 Date Heure facultative

  18. 18

    Empêcher l'allocation de mémoire dans la génération de combinaison récursive

  19. 19

    Déplacement des moindres carrés d'ajustement pour les déplacements de points ayant des problèmes

  20. 20

    Comment choisir le nombre de fragments et de répliques Elasticsearch

  21. 21

    Microsoft.WebApplication.targets

chaudétiquette

Archive