AngularJS ng-maxlength แนวทาง

การระบุและการใช้งาน

ng-maxlength แนวทางให้เพิ่มการจำกัดให้สำหรับช่องใส่ข้อมูลและเครื่องยนต์การตรวจสอบฟอร์ม

ng-maxlength ใน HTML maxlength คุณสมบัติต่างกัน ซึ่งหลังจากนั้นจะหยุดยั้งผู้ใช้จากการใส่ตัวอักษรเกินจำนวนที่กำหนด

ng-maxlength อินดิเคชั่นจะไม่หยุดผู้ใช้จากการใส่ข้อมูลเกินจำนวนที่กำหนด แต่ถ้าผู้ใช้ทำนั้น ฟอร์มจะไม่มีผล

ตัวอย่าง

ถ้าค่าที่ใส่เข้ามาเกินห้าอักษร จะแสดงข้อผิดพลาด:

<form name="myForm">
<input name="myInput" ng-model="myInput" ng-maxlength="5">
<h1 ng-if="!myForm.myInput.$valid">ค่ายาวเกินไป</h1>
</form>

ทดลองด้วยตัวเอง

ระบบการเขียน

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

โดยส่วนใหญ่เป็นของประเภทของข้อความ <input> สนับสนุนโดยสามารถใช้กับองค์ประกอบที่สนับสนุนการเข้าถึงข้อมูลโดยผู้ใช้ได้

ตัวแปร

ตัวแปร รายละเอียด
number ตัวเลขที่แสดงจำนวนคำตัวสูงสุดที่ยอมรับสำหรับช่องรับข้อมูล