Estoy desarrollando una aplicación web en la que tengo varios campos HTML de tipo datetime-local . Los usuarios deben proporcionar el valor para esto en el siguiente formato:

 2022-04-01T14:44:53

Dado que es un campo seleccionable por el usuario, a veces los usuarios omiten los últimos segundos de este campo. Fecha hora con valor de segundos faltantes:

 2022-04-01T14:44:53 //missing final seconds :53

¿Hay alguna manera de que pueda validar lo mismo en JavaScript? Estoy desarrollando la aplicación usando Nuxtjs/Vuejs . Mejor si hay alguna forma en que pueda agregar la validación dentro de mi propio elemento HTML.

El siguiente es mi elemento HTML:

 <input v-model="specificDateTime" type="datetime-local" class="form-control" title="Set Event Time" value="2022-04-01T10:00:00" step="1" >

Avíseme si existe alguna posibilidad de validar datetime-local en el nivel de HTML en función del formato. Si no, ¿cómo puedo hacer lo mismo en mi JavaScript?

Si proporciono valores vacíos a hour/minutes , recibo el mensaje de error, pero si hago que los segundos estén vacíos, no recibo el error. Cómo hacer que el campo de segundos sea obligatorio, de modo que si el usuario proporciona valores vacíos, debería arrojar el error.