AngularJs美元错误.类型前的最小长度值

AngularJs $error.minlength value before type

本文关键字：美元 错误 类型 AngularJs      更新时间：2023-09-26

我使用$error。手机输入中的最小长度，但是当我想验证该输入以使按钮能够向服务器发送表单时，出现$error。最小长度值为空。它什么也没显示，直到我输入一些东西，但我需要知道，在我输入任何东西之前，如何告诉angular我的$错误。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>

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

验证表单的每个输入，或者只验证表单元素本身。是这样的:无效的美元[formname]。

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

相关文章：