react-version #1

Merged
memartel_loc merged 290 commits from react-version into main 2023-11-04 09:48:15 -04:00
3 changed files with 5 additions and 3 deletions
Showing only changes of commit d3bc94a62a - Show all commits

View File

@ -8,7 +8,7 @@ export default function App() {
/* "handleSubmit" will validate your inputs before invoking "onSubmit" */
<form onSubmit={handleSubmit(onSubmit)}>
<div className="Contact">
<h1>Contacter-nous!</h1>
<h1>Contactez-nous!</h1>
<div className="Error_color">
<div>
<div>

View File

@ -202,12 +202,13 @@ export default function App() {
</div>
<div className="form-group">
<label>Code postal*: </label>
<input {...register("postalCode", { required: true })}
<input {...register("postalCode", { required: true, pattern: /^[ABCEGHJ-NPRSTVXY]\d[ABCEGHJ-NPRSTV-Z][ -]?\d[ABCEGHJ-NPRSTV-Z]\d$/i })}
value={currentAdress.postalCode}
onChange={(e) => setCurrentAdress((prev) => { return { ...prev, postalCode: e.target.value } })} />
</div>
<div>
{errors.postalCode && errors.postalCode.type === 'required' && <span>Vous devez entrer votre code postal!</span>}
{errors.postalCode && errors.postalCode.type === 'pattern' && <span>Veuillez entrer un code postal valide!</span>}
</div>
</div>

View File

@ -207,11 +207,12 @@ const MyAddresses = () => {
</div>
<div className="form-group">
<label>Code postal*: </label>
<input {...register("postalCode", { required: true })}
<input {...register("postalCode", { required: true, pattern: /^[ABCEGHJ-NPRSTVXY]\d[ABCEGHJ-NPRSTV-Z][ -]?\d[ABCEGHJ-NPRSTV-Z]\d$/i })}
/>
</div>
<div>
{errors.postalCode && errors.postalCode.type === 'required' && <span>Vous devez entrer votre code postal!</span>}
{errors.postalCode && errors.postalCode.type === 'pattern' && <span>Veuillez entrer un code postal valide!</span>}
</div>
</div>