javascript - AngularJs $error.minlength 类型前的值

Question

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

<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 button)时，我们有两个选择:

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

<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">