angularjs - 验证 md-text-float 中的 minlength 和 maxlength

标签 angularjs material-design

我想验证用户是否在 md-text-float( Angular Material 指令)中输入长度为 4-20 个字符的输入,对于普通 Angular ,我只需插入 ng-minlength 和 ng-maxlength 属性进入标签然后验证。但在里面是行不通的。我应该如何验证文本 float 是否包含所需的字符串长度并启用提交按钮?

<md-text-float label="password" data-ng-model="formPassword" 
                               data-ng-minlength="4" data-ng-maxlength="20" type="password" data-ng-required="true"></md-text-float>

然后启用。

<md-button class="md-raised md-primary" data-ng-click="submitLogin()" data-ng-disabled="loginForm.$invalid">login</md-button>

最佳答案

实际上对于 md-text-float 指令 ng-minlenght 和所有这些都不起作用,验证仍在进行中,您也可以看到链接

https://github.com/angular/material/issues/372

不过,如果您想验证,请尝试在 Controller 本身中验证它以处理验证。

关于angularjs - 验证 md-text-float 中的 minlength 和 maxlength,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27266563/

相关文章:

android - 使用工具栏时无法设置操作模式样式

javascript - 如何使用 Angular 以编程方式设置 selectize.js 值?

javascript - AngularJS 模板内部指令。改变风格?

javascript - Kendo UI 网格 - 按降序排序,然后升序排序

mongodb - Angular 5 + Material 设计 : <mat-select> how to set the default value?

android - CollapsingToolbarLayout 不适用于 NestedScrollView

c# - MaterialDesign ColorZone 高度尺寸

ios - 移除每个 MDCInputField 下方的标签/标签间距

javascript - ngRepeat track by : How to add event hook on model change?

javascript - ng-在 ng-repeat 中单击