Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

AngularJS ng-maxlength 指令


示例

如果输入值超过五个字符,则显示错误

<form name="myForm">

<input name="myInput" ng-model="myInput" ng-maxlength="5">

<h1 ng-if="!myForm.myInput.$valid">值过长</h1>

</form>
亲自试一试 »

定义和用法

ng-maxlength 指令为输入字段和表单的验证器添加了限制。

ng-maxlength 与 HTML 中的 maxlength 属性不同,后者将阻止用户输入超过限制的字符数。

ng-maxlength 指令不会阻止用户输入超过限制的字符数,但如果他们这样做,表单将无效。


语法

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

主要受类型为文本的 <input> 元素支持,但也可以用于允许用户输入的其他元素。


参数值

描述
number 表示输入字段允许的最大字符数。

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.