ng-maxlengthคำสั่งAngularJS
ตัวอย่าง
แสดงข้อผิดพลาดหากค่าอินพุตยาวเกินห้าอักขระ:
<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>
ความหมายและการใช้งาน
คำng-maxlengthสั่งจะเพิ่มข้อจำกัดให้กับฟิลด์อินพุต และตัวตรวจสอบความถูกต้องของฟอร์ม
ng-maxlengthไม่เหมือนกับแอตทริบิวต์maxlength
ใน HTML ซึ่งจะป้องกันไม่ให้ผู้ใช้พิมพ์เกินจำนวนอักขระที่จำกัด
คำng-maxlengthสั่งจะไม่ป้องกันผู้ใช้จากการพิมพ์มากกว่าอักขระที่จำกัดจำนวน แต่แบบฟอร์มจะไม่ถูกต้องหากพวกเขาทำเช่นนั้น
ไวยากรณ์
<input type="text" ng-maxlength="number"></input>
สนับสนุนโดยองค์ประกอบ <input> ของข้อความประเภทเป็นหลัก แต่ยังสามารถใช้กับองค์ประกอบอื่นๆ ที่อนุญาตให้ผู้ใช้ป้อนข้อมูลได้
ค่าพารามิเตอร์
| Value | Description |
|---|---|
| number | A number representing the maximum number of characters legal for the input field. |