Disable button till all Input fields and checkbox is filled EXCEPT ONE FIELD

Question

I am working in Angular 7 Where I am working with reactive form , I want to enable button only on all the Input field EXCEPT ONE FIELD (REFRAL CODE FIELD ) along with check box is filled , currently I am doing but but button is enables on checkbox check I am sharing my code ->

html

<form class="example-form" novalidate (ngSubmit)='user_signup(user)'  [formGroup]='user'>


                <input matInput placeholder="Email" value="" name='RegEmail' formControlName='RegEmail' [(ngModel)]="Email"/>

 <input matInput placeholder="Phone Number:" value="" name='RegPhone' formControlName='RegPhone' [(ngModel)]="Phone" OnlyNumber="true" maxlength="10" minlength="10" />

  <input matInput (input)="onInputTimePhone($event.target.value)" name="otpVerify" placeholder="Verify phone otp:" [(ngModel)]="otpVerify" value="" formControlName="otpVerify" />

   <input matInput placeholder="Enter Refer Code:" value="" name="ReferCode" [(ngModel)]="referCode" formControlName="ReferCode" />


  <mat-checkbox  (change)="changeCheck($event)">Resticted for below 18 years Playes or Players belonging from Orissa , Assam , Telangana </mat-checkbox>


          <button mdbBtn mdbWavesEffect class="register_btn" [disabled]="disabledAgreement && [user]='invalid' ">Sign Up</button>

</form>

ts file

constructor( public restapi:ServicesService , private logincomponent:LoginComponent) {
    this.user = new FormGroup({
      RegEmail: new FormControl('', [Validators.required,Validators.pattern("[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$")]);,
      RegPhone: new FormControl('', [Validators.required, Validators.minLength(10)]);,
       RegPassword: new FormControl('', [Validators.required, Validators.minLength(6)]),

       ReferCode:new FormControl('');
      });
  }

Pardeep Jain · Accepted Answer · 2019-02-08 08:56:37Z

1

Try to use like this -

  <button [disabled]="disabledAgreement && !user.valid ">Sign Up</button>

answered Feb 8, 2019 at 8:56

Pardeep Jain

86.9k38 gold badges172 silver badges220 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Testing Anurag Over a year ago

suppose I want to do the same EXCEPT ONE FIELD ( REFRAL CODE FIELD) then !user.valid is not working

Pardeep Jain Over a year ago

Seems in that case you need to manually check for each each field's validation and disabled your button

Collectives™ on Stack Overflow

Disable button till all Input fields and checkbox is filled EXCEPT ONE FIELD

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related