Chỉ thị ng-maxlength
của AngularJS
Ví dụ
Hiển thị lỗi nếu giá trị đầu vào dài hơn năm ký tự:
<form name="myForm">
<input name="myInput" ng-model="myInput"
ng-maxlength="5">
<h1 ng-if="!myForm.myInput.$valid">The value is too
long</h1>
</form>
Hãy tự mình thử »Định nghĩa và cách sử dụng
Lệnh ng-maxlength
thêm một hạn chế vào trường đầu vào và vào trình xác thực của biểu mẫu.
ng-maxlength
không giống với thuộc tính maxlength
trong HTML, điều này sẽ ngăn người dùng gõ nhiều hơn số lượng ký tự bị giới hạn.
Lệnh ng-maxlength
sẽ không ngăn người dùng nhập nhiều hơn số ký tự bị giới hạn, nhưng biểu mẫu sẽ không hợp lệ nếu họ làm như vậy.
Cú pháp
<input type="text" ng-maxlength=" number "></input>
Chủ yếu được hỗ trợ bởi các phần tử <input> của loại văn bản, nhưng cũng có thể được sử dụng trên các phần tử khác cho phép người dùng nhập liệu.
Giá trị tham số
Value | Description |
---|---|
number | A number representing the maximum number of characters legal for the input field. |