Utiliser l'expression Régulière dans le fichier JSX dans (Réaction + Matériel-ui)

Je suis en train d'utiliser les RegEx pour faire matériaux-forme de l'interface utilisateur en fonction de validation. Je suis avec mon JS en fonction Regex, mais il ne fonctionne pas. Pourquoi ?

Ci-dessous est extrait de mon template.jsx fichier. mon-forme est juste un wrapper sur le formsy matériau composant de l'interface utilisateur.

import {myForm, TextField} from '@react-component/my-form';

export default (props) => {
 } = props;
   const emailRegex = new RegExp('/\S+@\S+\.\S+/');
    const phoneRegEx = new RegExp('/^[(]{0,1}[0-9]{3}[)]{0,1}[-\s\.]{0,1}[0-9]{3}[-/\s\.]{0,1}[0-9]{4}$/');
    return (
<myForm>
  <TextField id="smsNumber" value={userInfo.smsNumber} name="smsNumberName" required requiredError="Mobile is a required field." validations={{matchRegexp:phoneRegEx}} validationErrors={{matchRegexp:'Enter a valid mobile.'}} onChange={changeSmsNumber} floatingLabelText={t('userProfile.mobile', "Mobile")} floatingLabelFixed={true} hintText={t('userProfile.mobile', "Mobile")}/>
</myForm>
   );
};

Ce code donne toujours 'Entrez un Portable valide' message d'erreur.

  • Merci Wiktor! Que résolu. Depuis que vous avez ajouté en commentaire, comment puis-je marquer votre réponse comme une Réponse ?
InformationsquelleAutor greengrassbluesky | 2016-11-30
  1. 7

    Vous avez besoin d'utiliser une regex littérale de la notation et de l'ancrage de l'e-mail de la regex:

     const emailRegex = /^\S+@\S+\.\S+$/;
                    ^^            ^^

    Et c'est un phoneRegEx correctif:

    const phoneRegEx = /^[(]?[0-9]{3}[)]?[-\s.]?[0-9]{3}[-/\s.]?[0-9]{4}$/;

    Noter que {0,1} limiter quantificateur est le même que ? (1 ou 0 occurrences). Il n'y a aucun besoin de s'échapper d'un point à l'intérieur [...] classe de personnage, déjà, elle correspond à un littéral point.

    InformationsquelleAutor Wiktor Stribiżew