javascript - AngularJs $error.minlength 值在类型之前

Question

我在手机输入中使用 $error.minlength，但是当我想验证此输入以使按钮能够将表单发送到服务器时，$error.minlenght 值为 null。在我输入任何内容之前，它不会向我显示任何内容，但在输入任何内容之前我需要知道如何告诉 Angular 我的 $error.minlength 为 false； 所以我可以在禁用属性中使用它并检查整个表单的每个输入的验证，然后启用按钮并将表单发送到服务器。

<input required name="mobileNo" ng-minlength="11" minlength="11" maxlength="11" ng-class="{nessasery:signupForm.mobileNo.$invalid,blur:signupForm.mobileNo.$touched && signupForm.mobileNo.$invalid}" class="form-control" id="tel" type="text" ng-pattern="/^09[0-9]*$/" ng-model="account.mobileno" placeholder="cellphone"/>
                           <span class="msg text-danger" ng-show="signupForm.mobileNo.$touched">
                              <span ng-show="signupForm.mobileNo.$error.required">can't leave this field</span>
                           </span>
                           <span class="msg text-danger" ng-show="signupForm.mobileNo.$dirty">
                              <span class="msg text-danger" ng-show="signupForm.mobileNo.$error.minlength">Total Number Of Phone Number is 11</span>
                              <span class="msg text-danger" ng-show="signupForm.mobileNo.$error.pattern">Enter Valid Phone Number</span>
                           </span>




<button ng-disabled="(signupForm.mobileNo.$error.minlength)">Singup</button>

Answer 1

在 angularJS 中，当我们需要验证表单并启用按钮(singup 按钮)时，我们有两个选择:

验证表单的每个输入或仅验证表单元素本身。 像这样: [表单名称].$无效

<form name="myForm" novalidate >
  
<input name="username" required/>
<input name="password" required />
  
<button type="submit" ng-disable="myForm.username.$invalid && myForm.password.$invalid">sinup<button/>
 
  <form/>
  
  <!-- it,s better to do this:  -->
  <button ng-disable="myForm.$invalid">