Estoy construyendo un formulario y quiero usar el selector :invalid
para dar a los campos de entrada "necesarios" un borde rojo si el usuario presiona enviar sin rellenarlos, pero al usarlos aparece resaltado cuando la página carga Parece poco amistoso dar este tipo de advertencia al usuario incluso antes de darle la oportunidad de llenarlos al menos una vez.Validación en HTML5. : classe no válido después de enviar
¿Hay alguna manera de que estos campos aparezcan resaltados solo después de intentar enviar el formulario, dicho de otra forma, hay una forma de ejecutar la validación solo después de hacer clic en enviar (o al menos perder el foco en los campos de entrada necesarios?)
usan la pseudoclase ': invalid' para usuarios sin soporte de JavaScript, y la reemplazan con clases * real * para usuarios con soporte JS. – zzzzBov