在填充所有输入字段和移动字段之后，如何使用Angular JS启用按钮

Question

我想在用户将所有详细信息放入相应字段和手机号码的8到12位时启用我的提交按钮。

现在，我的代码仅接受手机号码条件，我的按钮可以在用户放置8位手机号码时启用。

，但我希望他将所有详细信息和8位手机号码的数字放在

这是我的代码：

<form name="signUpForm" class="list form-margin" ng-submit="submit(data)">
    <input type="text" ng-model="data.data.User.name" required>
    <select ng-disabled="show" class="dropdown-full sign-up-select country-dd"
            ng-model="data.data.User.internationalcode">
    <option value="">Country Code</option>
    <option value="+91">(IND)+91</option> 
    </select>
    <input type="text" ng-disabled="show" maxlength="12"
           placeholder="Mobile No" ng-model="data.data.User.mobile"
           ng-keyup="{{data.data.User.mobile.length>=8 ? otpButton=true : otpButton=false}}"
           required>            
    <input type="password" placeholder="Choose a password" 
           class="input-type" ng-model="data.data.User.password" required>
    <div>
       <button id="btn-send-otp" ng-disabled="!otpButton"
               type="submit" ng-click="disableButton($event);sendOTP();">
         Submit
       </button>
    </div>
</form>

任何类型的帮助都将不胜感激。谢谢

Answer 1

我将使用ng-pattern以及必需的：

<input type="text" maxlength="12"
      placeholder="Mobile No"
      ng-model="data.data.User.mobile"
      ng-pattern="'\d{8,12}'" required> <!-- Use ng-pattern here -->

对于您的提交按钮，将您的NG-Disabled指令的表达式更改为：

ng-disabled="signUpForm.$invalid"

什么是\d{8,12}？这是一个简单的正则表达式，说明任何数字，长度为8-12。

有关角色形式的更多信息。

Answer 2

当用户填写所有输入字段时，您可以使用ng-if或ng-show，例如：

       <button id="btn-send-otp" ng-if="data.data.User.name && data.data.User.internationalcode" ng-disabled="!otpButton" type="submit" ng-click="disableButton($event);sendOTP();">Submit</button>