Tengo una duda
const mensajesDeError = {
nombre: {
valueMissing: "Este campo nombre no puede estar vacío",
},
email: {
valueMissing: "Este campo correo no puede estar vacío",
typeMismatch: "El correo no es válido",
},
password: {
valueMissing: "Este campo contraseña no puede estar vacío",
patternMismatch: "Al menos 6 caracteres, máximo 12, debe contener una letra minúscula, una letra mayúscula, un número y no puede contener caracteres especiales.",
},
nacimiento: {
valueMissing: "Este campo fecha no puede estar vacío",
customError: "Debes tener al menos 18 años de edad",
},
numero: {
valueMissing: "Este campo número de teléfono no puede estar vacío",
patternMismatch: "El formato requerido es XXXXXXXXXX 10 números",
},
direccion: {
valueMissing: 'Este campo dirección no puede estar vacío',
patternMismatch: 'La direccción debe contener entre 10 a 40 carácteres',
},
ciudad: {
valueMissing: 'Este campo ciudad no puede estar vacío',
patternMismatch: 'La ciudad debe contener entre 10 a 40 carácteres',
},
estado: {
valueMissing: 'Este campo estado no puede estar vacío',
patternMismatch: 'El estado debe contener entre 10 a 40 carácteres',
}
};
En las propiedades que se utiliza en mensajesDeError
Viendo en el navegador al acceder validityState con $0.validity, valueMissing es la única que aparece en true (devuelve true si el campo está vacío si estoy en lo correcto...), mientras que las demás como typeMismatch, patternMismatch y customError aparecen en false, por qué? no deberían aparecer en true ya que los campos están vacíos? y que hacen estos valores de cada propiedad independientemente que sean true o false?
