Guillemets simples dans la balise AngularJS

Afshin Ghazi

J'ai le code de validation de courrier électronique suivant qui utilise la directive ng-pattern. Je dois inclure des guillemets simples dans la validation d'erreur afin que, par exemple: asd'[email protected] échoue. Je ne veux pas utiliser la directive angulaire par défaut car les suivants .. (points), ^, virgules, etc.

<input type="email" name="username" placeholder="[email protected]" ng-model="user.username" ng-maxlength="100" ng-model-options="{ updateOn: blur }" ng-pattern='/^(([^<>()\[\]\\.\,;:\s@"]+(\.[^<>()\[\]\\.,;^:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/' required />
        <div class="error-container" ng-show="userForm.username.$dirty && userForm.username.$error">
          <small class="error" ng-show="userForm.username.$error.required">
               Your email is required.
        </small>
          <small class="error" ng-show="userForm.username.$error.pattern">
               Please input a valid email.
        </small>
          <small class="error" ng-show="userForm.username.$error.maxlength">
              Your email cannot be longer than 100 characters
        </small>

Il peut être vu de ce qui précède que j'utilise le Regex suivant: ng-pattern='/^(([^<>()\[\]\\.\,;:\s@"]+(\.[^<>()\[\]\\.,;^:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/'

Ma question est de savoir comment inclure des guillemets simples (') pour ne pas entrer en conflit avec les guillemets de balises ng-pattern et aussi (^) dans l'expression régulière. J'ai cherché et il semble que je devrais utiliser & apos mais je ne sais pas comment mettre en œuvre. Appréciez toute aide.

Wiktor Stribiżew

Vous pouvez utiliser cette version un peu raccourcie:

ng-pattern="/^(([^<>()\[\]\\.,;:\s@^\x22\x27]+(\.[^<>()\[\]\\.,;^:\s@\x22\x27]+)*)|(\x22[^‌​@‌​]+\x22))@((\[[0-9]{1,3}(\.[0-9]{1,3}){3}])|(([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}))$/"

Voici la démo regex

Les changements sont:

  • Trois \.[0-9]{1,3}sont contractés car il est répété 3 fois pour(\.[0-9]{1,3}){3}
  • Les première et deuxième classes de caractères négatives contiennent désormais les symboles \x27( ') et \x22( ")
  • Également ajouté ^à la première classe de caractères annulée
  • \x22.+\x22est tourné vers \x22[^‌​@‌​]+\x22afin que nous ne débordions pas vers la partie domaine et restions dans la partie nom d'utilisateur.

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

guillemets simples dans la variable guillemets doubles

Évaluer la variable dans Jenkinsfile - guillemets simples entre guillemets simples

Supprimer les guillemets simples dans la liste dans pyspark

La balise d'échappement django n'échappe pas les guillemets simples

Comment ajouter des guillemets simples dans la chaîne php?

Remplacer les guillemets simples et doubles dans la chaîne

Comment supprimer les guillemets simples dans la liste Python

Corps entre guillemets simples dans la demande d'API

guillemets doubles dans les guillemets simples dans la directive angular1.x ne fonctionne pas

supprimer les guillemets simples dans la liste, séparer la chaîne en évitant les guillemets

Remplacement des guillemets simples par des guillemets doubles dans la requête SQL

Quelle est la différence entre les guillemets simples et les guillemets doubles dans PostgreSQL?

Fonction PhpStorm qui change les guillemets doubles en guillemets simples dans la chaîne

convertir les guillemets doubles en guillemets simples dans la chaîne ?

Remplacez les guillemets doubles par des guillemets simples dans la chaîne json en php

changer les guillemets simples en guillemets doubles dans la liste des dictionnaires

séparer la chaîne par des virgules, ignorer les guillemets simples et les virgules dans les guillemets simples

Python JSON change les guillemets simples en guillemets doubles, laisse les guillemets dans la chaîne seuls

balise src d'image flutter_html entre guillemets simples

Convertir les guillemets simples en séparateurs dans la fonction url_title dans CodeIgniter

Littéraux de chaîne Python - y compris les guillemets simples ainsi que les guillemets doubles dans la chaîne

Quelle est la différence entre les identificateurs de guillemets simples et les guillemets doubles dans ClojureScript?

Existe-t-il un moyen de passer des guillemets doubles aux guillemets simples dans la solution rapide VS Code?

Les expressions régulières ne correspondent pas aux guillemets doubles dans la chaîne (juste des guillemets simples)

SQL Server : comment rechercher et remplacer des guillemets multiples par des guillemets simples dans les données de la table

Échapper les guillemets simples dans la chaîne et interpoler cette chaîne dans une autre chaîne avec des guillemets simples sans échappement

Comment ajouter une chaîne de la fonction c # dans une balise meta (entre guillemets)?

Comment échapper aux guillemets simples dans Oracle?

Nouvelle ligne et guillemets simples dans #define

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