1

仅当我的输入填充至少 18 个字符时，我才尝试启用按钮。这是HTML代码：

<form id="frm.frmEntidade" name="frm.frmEntidade">
  <div>
    <input type="text" ng-model="entidade.cnpj" id="cnpjEntidade" name="cnpjEntidade" required />
    <span class="input-group-btn">
        <button title="Buscar Entidade" class="btn btn-primary" 
              type="button" ng-click="buscarEntidade(entidade.cnpj)" ng-
              disabled="frm.frmEntidade.cnpjEntidade.lenght !== 18">
              <span class="glyphicon glyphicon-search"></span>
        </button>
  </div>
</form>

但是按钮保持禁用，有人可以帮忙吗？

4

3 回答 3

2

您的单词有拼写错误length。改变：

<button [...]
        ng-disabled="frm.frmEntidade.cnpjEntidade.lenght !== 18">

至：

<button [...]
        ng-disabled="frm.frmEntidade.cnpjEntidade.length !== 18">

作为旁注，此条件检查它是否不同于18，而不是“输入填充至少 18 个字符”。

于 2017-04-06T14:38:17.450 回答
0

尝试ng-disabled="entidade.cnpj.length!=18"

于 2017-04-06T14:39:48.890 回答
0

它更好地ng-minlength用于表单验证。通过检查$valid您可以启用或禁用按钮

<form id="frm.frmEntidade" name="frm.frmEntidade">
<input type="text" ng-model="entidade.cnpj" id="cnpjEntidade" name="cnpjEntidade" required ng-minlength="18" />
    <span class="input-group-btn">
        <button title="Buscar Entidade" class="btn btn-primary" 
          type="button" ng-click="buscarEntidade(entidade.cnpj)" 
          ng-disabled="!frm.frmEntidade.$valid">
             <span class="glyphicon glyphicon-search"></span>
             Button
              </button>
   </span>  
</form>
于 2017-04-06T14:50:53.263 回答