0

soy nuevo en angular y estoy intentando crear un formulario con Validators, los errores se muestran evidencia del error pero al momento de darle en enviar igual se envían los datos y se guardan en la BD.

este es mi código del group:

this.signUpForm = this.fb.group({
  name: ['', Validators.required],
  email: ['', [Validators.required, Validators.email, Validators.pattern('^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+.[a-zA-Z0-9-.]+$')]],
  password: ['', [Validators.required, Validators.minLength(8)]]
});

y este es mi código de formulario:

<form [formGroup]="signUpForm" (ngSubmit)="functioncall()">
<app-input name="name" title="Nombre"></app-input>
<app-input name="email" title="Email"></app-input>
<app-input-pass name="password" title="Contraseña" [control]="passwordField"></app-input-pass>
<!-- <app-input-pass name="confirmPassword" title="Verificar Contraseña" [password1]="passwordField.value"  [control]="confirmPasswordField">
</app-input-pass> -->
<div class="containerButtons">
  <app-button [type]="'submit'" type="submit" [type]="'submit'" [class]="'primary'" [label]="'Registrarse'">
  </app-button>
  <app-button [class]="'basic'" [label]="'Iniciar sesion'" [routerLink]="'login'"></app-button>
</div>

Me podrían ayudar con eso por favor, si necesitan más datos los responderé inmediatamente.

1
  • pudieras añadir a tu pregunta el codigo de functioncall() de tu archivo componen.ts
    – rbarbeitor
    Commented el 15 feb. 2022 a las 20:42

1 respuesta 1

0

Creo que dentro de método functioncall() en tú component.ts deberías poner una condicional así

functioncall(){

if (this.signUpForm.invalid) {
      this.signUpForm.markAllAsTouched()
      return
    }

// aquí el código para guardar en la base de datos

}

Con esto garantizas que si por equivocación el usuario hace clic en el botón Registrarse no envié los datos con error, ni vacios a la base de datos

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.