Question

我对Angular js很新。我在html页面中有几个文本框和两个按钮（搜索，ShowAll）。单击“搜索”按钮，应验证所有文本框，并且单击ShowAll时不应进行任何验证。我希望一次性验证文本框后面的所有模型，而不指定每个模型的名称（喜欢asp.net中的验证组）。这可能在 angular js 吗？我在这里做一个ajax帖子。

＆＃13;

myPicker.focus()

＆＃13;

Answer 1

您可以在html中验证它，使用角度验证并保持禁用提交按钮，直到您通过使用ng-disabled获得有效输入：

    <div ng-controller="myCtrl">  
  <form name="messageForm" novalidate>
    <table>
      <tr id="dvTransactionSearch">
          <td align="right">
              Message ID :
          </td>
          <td align="left">
              <input type="text" style="width: 170px;" name="txtmessageId" id="txtmessageId" ng-model="MessageId" required/>
                <div ng-messages="messageForm.txtmessageId.$error" ng-if="messageForm.$submitted || messageForm.txtmessageId.$touched">
                        <div ng-message="required"> Enter Text message ID</div>
                </div>
          </td>
          <td align="right">
              Consumer ID :
          </td>
          <td align="left">
             <input type="text" style="width: 170px;" name="txconsumerId" id="txconsumerId" ng-model="ConsumerId" />
              <div ng-messages="messageForm.txconsumerId.$error" ng-if="messageForm.$submitted || messageForm.txconsumerId.$touched">
                        <div ng-message="required"> Enter Consumer ID</div>
              </div> 
          </td>
      </tr>
      <tr>              
          <td align="left">
              <input type="button" id="btnSearch" ng-disabled="messageForm.$invalid" value="Search" ng-click="Search()" />
              <input type="button" value="Show All" ng-disabled="messageForm.$invalid" id="btnShowAll" ng-click="ShowAll()" />

          </td>                   
      </tr>
    </table>
  </form>
</div>

在第一次按钮单击时验证所有文本框，但不在Angular js中单击第二个按钮

1 个答案: