Question

<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>

我正在开发一个联系人详细信息页面，用户需要输入emailID和联系人号码，如果这些字段留空，则会显示错误工具提示。一切正常，电子邮件工具提示没有显示任何控制台错误，但对于联系电话号码，我得到了

错误错误：没有带有未指定名称属性的表单控件的值访问器

错误。尝试在stackover流程中提供的任何解决方案，仍然没有任何工作。有什么建议吗？

Answer 1

这是因为您在联系号码输入上有拼写错误。你已经“需要”了两次，其中一个被拼写为'requried'。你也有两个占位符。虽然它与此无关，但没有id，是良好的做法。

错误错误：没有带有未指定名称属性的表单控件的值访问器

1 个答案: