Bonjour,

J'utilise la validation html pour valider mon champ. Je cherche à changer le message indiqué quand le champs n'est pas rempli. Sauf que cela m'indique [object : Object].

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<CustomInputValidation
                      labelText={<FormattedMessage id="LoginTemplate.email" defaultMessage="Email"/>}
                      id="email"
                      formControlProps={{
                        fullWidth: true, 
                        error:errors.email === true ? true : false, required: true,   
                        onInvalid: (e) => e.target.setCustomValidity(<FormattedMessage id="LoginTemplate.email" defaultMessage="Email"/>),
                        onInput: (e) => e.target.setCustomValidity('')
                      }}
                      inputProps={{
                        onChange:this.handleChange,
                        type: "email",
                        name:"email",
                        value:authentification.email,
                        endAdornment: (
                          <InputAdornment position="end">
                            <Email className={classes.inputIconsColor}/>
                          </InputAdornment>
                        )
                      }}
                      boolError={errors.email === true ? true : false}
                      labelError={<FormattedMessage id="LoginTemplate.email.error" defaultMessage="The email is required"/>}
                    />