Skip to main content
1 de 5
Sixto Mujica
  • 306
  • 1
  • 5
  • 19

Como puedo Remover o borrar un preventDefault desde el input

tengo un input que valida si un codigo es valido o no y devuelvo un mensaje de error el problema que tengo es que el botón hace un refresh del envió y se aprecia mis mensajes pero solo unos segundos y se borra, le coloque un eventpreventDefault() al botón que envía y con eso logro ya que no refresque el envió y aprecio el mensaje, per o ahora me pasa que al borrar el input o al empezara borrar lo escrito en el input no puedo remover los mensajes mostrados, alguna idea, muchas Gracias por su apoyo, dejo los códigos que he avanzado, esta echo en angular: y una imagen

introducir la descripción de la imagen aquí

public applyCupon(e:any) {
  this.isValidatingCupon = true;
  const cupons = this.discountCodeTags.map(tag => tag.code);
  const currentCupon = this.discountCodeForm.codeControl.value;
  if (!cupons.includes(currentCupon)) {
    const params = {
      coupon: this.discountCodeForm.codeControl.value
    } as IDiscountCodeRequestParams;
    this.discountCodeImplement.validateDiscountCode$(params)
      .pipe(take(1))
      .subscribe(response => {
        if (response.valid) {
            const couponInput = new Coupon ();
            couponInput.barCode = this.discountCodeForm.codeControl.value;
            couponInput.productName = this.discountCodeForm.codeControl.value;
            this.addCoupons.push(couponInput);
            this.guardarLocalStorage();
                    
        } else {
          this.errorScheduleModalService.showErrorCouponModa(currentCupon);
      e.preventDefault()

        }
        this.discountCodeForm.codeControl.setValue('');
        this.isValidatingCupon = false;
      });
  } else {
    this.discountCodeForm.codeControl.setValue('');
  }
}
<div
      [formGroup]="discountCodeForm.form"
      [hidden]="discountCodeTags.length > 0"
      class="block_codigo_descuento"
    >
      <div class="input_codigo_descuento">
        <fp-input-control
          [inputTitle]="''"
          [errorMessage]="''"
          [marginBottomZero]="true"
        >
          <input
            type="text"
            id="nameCupon"
            class="input"
            placeholder="Ej. 6W79H6"
            formControlName="code"
            [class.is-invalid]="isValidatingCupon"
            

          />
          <small class="small" *ngIf="isValidatingCupon">
            Código Inválido
          </small>
        </fp-input-control>
      </div>
      <div class="btn_agregar_codigo">
        <button
          type="button"
          id="applyCoupon"
          class="btn btn-primary btn-aplicar"
          (click)="applyCupon()"
          [disabled]="!discountCodeForm.form.valid || isValidatingCupon"
        >
          Agregar
        </button>
      </div>
    </div>

Sixto Mujica
  • 306
  • 1
  • 5
  • 19