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>
Cảm ơn bạn, người đàn ông! Làm việc như một say mê! –
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 –