Javascript AngularJS-ngmaxlength不需要使用ng
输入类型Javascript AngularJS-ngmaxlength不需要使用ng,javascript,angularjs,ng-maxlength,Javascript,Angularjs,Ng Maxlength,输入类型 <div class="form-group" ng-class="{ 'has-error': loginForm.password.$dirty && loginForm.password.$error.required }"> <label for="password">{{ 'PASSWORD' | translate }} <span class="required-field"> *</span><
<div class="form-group" ng-class="{ 'has-error': loginForm.password.$dirty && loginForm.password.$error.required }">
<label for="password">{{ 'PASSWORD' | translate }} <span class="required-field"> *</span></label>
<input uib-tooltip="{{ 'PLEASE_ENTER_PASSWORD' | translate }}" tooltip-placement="right" data-trigger="hover" type="password"
name="password" id="password" class="color-tooltip form-control" ng-model="password" ng-maxlength="5" required />
<span ng-show="loginForm.password.$dirty && loginForm.password.$error.required" class="help-block">{{ 'PASSWORDISREQUIRED' | translate }}</span>
<span ng-if="!loginForm.password.$valid" class="help-block">The maximum length for password is 5 characters</span>
</div>
{{‘密码’|翻译}*
{{'PASSWORDISREQUIRED'| translate}}
密码的最大长度为5个字符
当
ng maxlength
与required
或ng required
一起使用时,即使在输入中未键入任何内容,也会显示字符限制的错误消息。相反,它应该仅在输入字符超过长度时显示错误消息。将条件更改为!loginForm.password.$valid&&loginForm.password.$error.maxlength
<div class="form-group" ng-class="{ 'has-error': loginForm.password.$dirty && loginForm.password.$error.required }">
<label for="password">{{ 'PASSWORD' | translate }} <span class="required-field"> *</span></label>
<input uib-tooltip="{{ 'PLEASE_ENTER_PASSWORD' | translate }}" tooltip-placement="right" data-trigger="hover" type="password" name="password" id="password" class="color-tooltip form-control" ng-model="password" ng-maxlength="5" required />
<span ng-show="loginForm.password.$dirty && loginForm.password.$error.required" class="help-block">{{ 'PASSWORDISREQUIRED' | translate }}</span>
<span ng-if="!loginForm.password.$valid && loginForm.password.$error.maxlength" class="help-block">The maximum length for password is 5 characters</span>
</div>
密码*
密码是必需的
密码的最大长度为5个字符
你能解释一下为什么条件loginForm.password.$error.maxlength
有效吗?@slimshaddyyy我想是的<代码>!loginForm.password.$valid如果字段有任何错误,则将为true
,因此如果未满足必需的要求,则文本将显示。现在,我们添加了另一项检查,以查看maxlength
是否确实是错误。