使用 ng-maxlength 时显示错误消息

用户0110101

当我达到登录名的最大限制 (32) 时,我试图显示错误消息。之前粘贴的代码是我通常使用的代码,但由于某种原因它不起作用。唯一的区别是我没有使用模态框,而只是文本框,如果这可能是问题的话?谢谢!

  <form class="form-horizontal" name="myForm">
                        <fieldset>
                            <div class="form-group"
                                 ng-class="{ 'has-error' : myForm.loginName.$invalid && !myForm.loginName.$pristine }">
                                <label class="col-lg-4 col-sm-4 col-xs-4 control-label no-padding-right">Login
                                    Name</label>
                                <div class="col-lg-6 col-sm-6 col-xs-6">
                                    <input type="text" class="form-control"
                                           id="loginName" name="loginName"
                                           ng-model="targetEntity.loginName" required placeholder="Login Name"
                                           ng-maxlength="32">
                                    <p ng-show="myForm.loginName.$invalid && !myForm.loginName.$pristine"
                                       class="help-block">Mandatory field, maximum length 255 characters.</p>
                                </div>
                            </div>
                         </fieldset>
 </form>
佐利

你必须使用$error.

  <div ng-messages="myForm.loginName.$error" style="color:red">
    <div ng-message="maxlength">Max length reached</div>
  </div>

https://plnkr.co/edit/gZKFJcTgzeGW3UDrYqIl?p=preview

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Tomcat使用sendError时,tomcat不显示错误消息

为什么在有标准maxlength的情况下Angular会提供ng-maxlength?

有什么方法可以将minlength / maxlength的值插入ng-messages中的消息中?

指定MaxLength时,实体框架使用nvarchar(max)

ng-message如何与模型连接,如何使用ng-message显示消息?

Angular 2仅在输入类别为“ ng-touched”时显示错误消息吗?

maxlength属性的角度验证消息

如何使用ng-messages显示复选框集和收音机集的错误消息?

maxlenght或ng-maxlength似乎都无法正常工作

在使用Laravel 5.8进行验证时显示错误消息的问题

使用MaxLength属性指定NVARCHAR(MAX)

避免使用jQuery绕过maxlength属性

使用类型nil和maxLength属性时,Anypoint平台的API设计器出错

使用输入maxlength进行限制是否足够?

占位符中的ng-maxlength属性

呈现html时,maxlength属性不显示?

创建地理围栏时,NSCFNumber getCString maxLength编码错误

如何使用新的错误消息创建自定义MaxLength和Required验证,逻辑保持不变

使用jQuery向HTML添加Maxlength属性

Maxlength TextArea HTML5错误?

角度验证器和ng-maxlength使用

使用angular data-ng-show指令显示错误

循环 ng-template 在使用 *ngIf 和 ng-content 时显示错误的模板

达到输入 maxLength 后,Ng 样式更改边框颜色

无法使用模拟输入酶测试 maxLength

如何使用 MaxLength 设计 String 类?

如何使用仅在 textarea 达到其最大长度时显示的“ng-show”切换错误消息?

达到 maxLength 后重置 Android EditText 错误

如果用户尝试在输入字段中输入比 maxlength 多的字符,如何显示错误消息?