2017-04-07 26 views
6

Sau khi di chuyển đến góc 4, một vấn đề lạ với biểu mẫu định hướng mẫu của tôi đã xảy ra. My required attr trên đầu vào dường như bị hỏng. Theo mặc định, tôi có thuộc tính novalidate. Nhưng tôi cần một số xác nhận html5. Đã thử novalidate="false" nhưng không thành công. Có cách nào để bật xác thực không? Bây giờ có vẻ như sử dụng các hình thức phản ứng với Validators.required là cách duy nhất.góc cạnh 4.0.0 thuộc tính novalidate

Cảm ơn!

HTML My đoạn mã thành phần:

<form (submit)="savePhone(phone);" novalidate="false"> 
<h3>Новый телефон</h3> 
<md-input-container> 
    <input mdInput placeholder="Номер телефона" 
      onlyNumber="true" name="number" 
      [(ngModel)]="phone.number" required> 
</md-input-container> 
<md-select placeholder="Источник получения" (ngModel)="phone.source" name="source"> 
    <md-option *ngFor="let source of sources" [value]="source"> 
     {{ source }} 
    </md-option> 
</md-select> 
<textarea name="comment" placeholder="Текст комментария" 
      [(ngModel)]="phone.comment" name="comment"> 
</textarea> 
<div layout="row" layout-align="end"> 
    <button class="button button--success" type="submit"> 
     Добавить 
    </button> 
</div> 

Trả lời

14

Để kích hoạt HTML5 xác nhận sử dụng

<form (submit)="savePhone(phone);" ngNativeValidate> 

Xem thêm NgNoValidate source at GitHub

+0

Cảm ơn bạn, người đàn ông! Làm việc như một say mê! –

+2

Xây dựng: Angular4 tự động thêm 'novalidate' vào ngForm (thẻ biểu mẫu của bạn) theo mặc định. Như chúng ta đã biết, 'novalidate' sẽ vô hiệu hóa xác thực trình duyệt gốc HTML5. Nếu bạn muốn bật xác thực HTML5, như @ Günter đã nói, hãy thêm thuộc tính 'ngNativeValidate' của Angular vào thẻ biểu mẫu của bạn. Tham khảo: https://github.com/angular/angular/issues/15531 –

Các vấn đề liên quan