How to send two different form values in a button click


#1

I need to send MobileNo and Id of below code, while clicking last button(Request OTP). How it is possible? Can anyone help me out…

 <form id="register-form3" #registrationForm="ngForm" (ngSubmit)="OnSubmit(MobileNo.value)">
    <ion-list id="register-list11">
      <ion-item id="register-input8">
        <ion-label>
          Phone Number
        </ion-label>
        <ion-input type="number" #MobileNo ngModel name="MobileNo"placeholder=""></ion-input>
      </ion-item>
    </ion-list>
    <button id="register-button7" ion-button color="positive" block>
      Search Bank
    </button>
    <div class="row" *ngIf="userClaims">
      <div class="col s12 m7">
        <div class="card">
            <!--interpolation-->
          <div class="card-content">     
               <div *ngFor="let order of userClaims" style="border: 1px solid lightgrey; padding: 15px; margin: 5px 0;">
          <span> Id : {{ order.Id |json }}</span> <br>
          <span>Name : {{ order.Name | json }}</span> <br>
          <span>Address : {{ order.Address }}</span> <br>
    
        </div> 
    
          </div>       
        </div>
      </div>
      <button id="register-button8" ion-button color="positive" type="button" (click)="OnPress(MobileNo.value, Id.value)" block>
        Request OTP
      </button>
    </div>
  </form>```