Lệnh ng-maxlength của AngularJS

Định nghĩa và cách sử dụng

ng-maxlength của HTML thêm giới hạn vào trường nhập và bộ kiểm tra biểu mẫu.

ng-maxlength với lệnh maxlength Thuộc tính khác nhau, phần sau sẽ ngăn chặn người dùng nhập quá số lượng ký tự được giới hạn.

ng-maxlength Cú pháp không ngăn cản người dùng nhập vượt quá số lượng ký tự hạn chế, nhưng nếu người dùng làm điều đó, biểu mẫu sẽ không hợp lệ.

Mẫu

Nếu giá trị nhập vượt quá năm ký tự, sẽ hiển thị lỗi:

<form name="myForm">
<input name="myInput" ng-model="myInput" ng-maxlength="5">
<h1 ng-if="!myForm.myInput.$valid">Giá trị quá dài</h1>
</form>

Thử ngay

Cú pháp

<input type="text" ng-maxlength="number</input>

Chủ yếu là loại văn bản <input> Hỗ trợ phần tử, nhưng cũng có thể được sử dụng cho các phần tử cho phép người dùng nhập khác.

Tham số