<input type="email" class="form-control passname" [(ngModel)]="emailID" name="Passenger Email ID" placeholder="email" required pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$"/>
<div class="shake-tooltip-websearch-email" *ngIf="webEmailError != ''">{{webEmailError}}</div>
<div class="col-sm-4 col-xs-4 no-padding cont-code">
<input class="form-control passenger-contact-number" type="text" name="contCode" value ="+91" readonly>
</div>
<div class="col-sm-8 col-xs-8 contact">
<input class="form-control contact-number" type="text" [(ngModel)]="contactNumber" name="contact-number" placeholder="Phone" placeholder="Mobile Number" pattern="(?<!\d)\d{10}(?!\d)" requried minlength="10" maxlength="10" required />
<div class="shake-tooltip-web-mobile" *ngIf="webMobileError != ''">{{webMobileError}}</div>
</div>
For the development of a contact details page, I have implemented input fields for emailID and contact number. Error tooltips are displayed when these fields are left empty. Although there is no issue with the email tooltip, I am encountering the following error message specifically for the contact number:
ERROR Error: No value accessor for form control with unspecified name attribute
Despite attempting solutions suggested on platforms like Stack Overflow, this error persists. Any advice or alternative approach to rectify this issue would be greatly appreciated.