Outils pour utilisateurs

Outils du site


web:javascript:react:yup

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
Dernière révisionLes deux révisions suivantes
web:javascript:react:yup [2019/08/30 23:16] sgariepyweb:javascript:react:yup [2019/08/30 23:19] – [phone] sgariepy
Ligne 8: Ligne 8:
       .email('E-mail is not valid!')       .email('E-mail is not valid!')
       .required('E-mail is required!'),       .required('E-mail is required!'),
 +</code>
 +
 +
 +
 +===== adresse =====
 +
 +<code>
 +  address: yup.string().required('Address is required'),
 +  city: yup.string().required('City is required'),
 +  region: yup.string().required('Region is required'),
 +  country: yup.string().required('Country is required').default('Afghanistan'),
 +  postalCode: yup
 +    .string()
 +    .when('country', {
 +      is: 'United States',
 +      then: yup.string().matches(/^[0-9]{5}(?:-[0-9]{4})?$/, 'Invalid postal code'),
 +    })
 +    .when('country', {
 +      is: 'Canada',
 +      then: yup.string().matches(/^[A-Za-z]\d[A-Za-z][ -]?\d[A-Za-z]\d$/, 'Invalid postal code'),
 +    })
 +    .required(),
 </code> </code>
  
Ligne 20: Ligne 42:
  
  
 +Plus spécifiquement pour le format de différents pays:
  
 +<code>
 +
 +  phone: yup
 +    .string()
 +    .when('country', {
 +      is: country => ["United States", "Canada"].includes(country),
 +      then: yup.string().matches(/^[2-9]\d{2}[2-9]\d{2}\d{4}$/, 'Invalid phone nunber')
 +    })
 +    .required(),
 +</code>
 ===== password ===== ===== password =====
  
web/javascript/react/yup.txt · Dernière modification : 2022/02/02 00:42 de 127.0.0.1