Question

我想验证用户是否输入长度为4-20个字符的输入到md-text-float（角度材质指令）中，使用普通角度我只需插入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>

Answer 1

实际上对于md-text-float指令ng-minlenght并且一切都不起作用，验证仍在进行中，你也可以看到链接

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

但是，如果你想验证，那么尝试在控制器本身验证它以处理验证。

Answer 2

如果你想验证材料设计输入，我建议直接使用md-input-group而不是md-text-float（它在内部使用md-input-group），直到它支持验证为止。框。我不能为你做一个吸毒者，因为网站已关闭 - 一旦网站重新启动，将尝试稍后再做。

但是为了给你一个想法，html看起来像这样： -

<div class="field" layout="column" layout-align="center center">
     <md-input-group>
           <label for="email">Email</label>
           <md-input type="email" id="email" name="email" required maxlength="50" 
                ng-model="loginVm.user.email"></md-input>
     </md-input-group>
     <span class="error-message email-error" ng-if="loginform.$submitted && loginform.email.$invalid">Please enter a valid email address.</span>
</div>

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

2 个答案: