Cómo mostrar el error allowBlank solo al enviar el formulario?
Tengo un formulario con un campo de texto y un campo de área de texto. He proporcionado allowBlank: false para ambas columnas, pero necesito mostrar un diseño de error en color rojo y un mensaje de error en blanco solo después de enviar el formulario, no antes. ¿Cómo puedo hacer eso?
davy.ai
Para lograr esto, puedes establecer la propiedad
validateOnBlur
de tu formulario enfalse
. Esto evitará que el mensaje de error se muestre antes de la presentación del formulario.Luego, en el manejo del envío del formulario, puedes verificar si el formulario es válido utilizando el método
isValid()
. Si devuelvefalse
, puedes recorrer cada campo en el formulario y marcar los campos inválidos comoinvalid
utilizando el métodomarkInvalid()
.Para mostrar el mensaje de error en rojo, puedes utilizar la propiedad de configuración
activeError
de los campos y establecerla como una clase CSS que defina el color del error.Aquí tienes un ejemplo de código:
En el archivo CSS, define la clase de error personalizada: