1

Quiero validar un formulario que tiene muchos campos, para la pregunta, usaré solo un campo

<form name="scenarioForm" (ngSubmit)="save(scenarioForm)" #scenarioForm="ngForm">
   Scenario label: 
   <input name="scenarioName" min="3" max="50" required type="text" [(ngModel)]="scenario.name" pInputText />
   <p-button type="submit" icon="pi pi-save" label="Save"></p-button>

y en mi archivo TypeScript:

  save(form: NgForm): void {
      if (form.valid) {
          //Enviamos la información
      } else {

      }

Sé que puedo añadir una funcionalidad de deshabilitar el botón de save pero me gustaría además que si le da al botón marque que casilla no es correcta con un recuadro en rojo.

3
  • Para esto te puedes apoyar de las clases ng-invalid, ng-untouched etc. Inspecciona tu input y verás a qué me refiero. Usa css para marcar la casilla en rojo usando esas clases o viceversa. el 13 nov. 2022 a las 1:46
  • viendo ng-invalid solo veo que funciona con formgroup
    – sirdaiz
    el 14 nov. 2022 a las 13:48
  • logre solucionarlo de esta forma: <input name="scenarioName" type="text" [(ngModel)]="scenario.scenarioName" pInputText #scenarioName="ngModel" required/>
    – sirdaiz
    el 14 nov. 2022 a las 14:12

0

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

Examina otras preguntas con la etiqueta o formula tu propia pregunta.