En los formularios de entrada de la aplicación, para nuevas películas, o para comentarios de las ya existentes, es importante que el usuario reciba información sobre qué campos son obligatorios para poder generar el registro correspondiente.
Para validar formularios:
- Cada campo de entrada será identificado con un nombre. Por ejemplo, para el título quedaría como sigue:
- <input class=»form-control form-control-g» type=»text» id=»titulo» name=»titulo» [(ngModel)]=»this.titulo» #tit=»ngModel» required>
- Añadiremos una sección <div></div> en que insertaremos la condición para que se muestra el mensaje de error, en el caso de que el campo identificado, no cumpla la condición requerida:
- <div *ngIf=»tit.errors?.[‘required’]»>
- <h6>El título es requerido</h6>
- </div>
Esto lo repetiremos para todos los campos que necesitemos controlar.
Igualmente, añadiremos la función de ACTIVAR el botón de guardado, únicamente cuando se cuente con los datos necesarios para ello. La forma en que lo haremos será añadiendo la condición de cuándo queremos que esté desactivado:
- <button type=»submit» class=»btn btn-warning» [disabled]=»miformulario.invalid»>Guardar</button>