ng-disabled validation prblem

时间:2016-04-01 08:20:34

标签: angularjs validation autocomplete

我的验证有问题,我在按钮上使用ng-disabled,而表单未经过验证。我有2个输入形式,问题是当我在第二个输入中输入值时按钮被启用而第一个是空的(首先使用自动完成),但是否则它有效,我不想要那个用户输入只是' neto&# 39;如果按钮被启用,它看起来像有角度,不会看到angucomplete作为表单的一部分。

    <form name="usForm" role="form" novalidate>

  <div>
  <table class="table table-striped table-hover table-responsive">
    <thead>
      <tr>
        <th>Stavka</th>
        <th>Količina</th>
        <th></th>
      </tr>
    </thead>
    <tbody>        
      <tr>
        <td>
          <div angucomplete-alt
            id="norma.idartcle"
            placeholder="Aricle"
            pause="100"
            selected-object="object"
            local-data="getarticles"
            search-fields="pass,name"
            title-field="pass,name"
            description-field="norm"
            minlength="2"
            input-class="form-control form-control-small"
            match-class="highlight"
            input-changed="norm.idarticle"
            field-required="true"
            text-no-results="It doesnt exist"
            text-searching="Searching..."
            >
          </div>
        </td>
        <td>
           <div class="form-group">
              <input type="text" class="form-control" name="neto" id="neto" placeholder="Neto" ng-model="norm.neto"  ng-maxlength="6" required />
            </div>
        </td>
        <td colspan="3">
            <button class="btn btn-primary"  ng-disabled="usForm.$invalid" ng-click="addNorm(object)">Add</button>
            <button class="btn btn-default"  ng-click="clearForm()">Leave</button>
        </td>
      </tr>
    </table>
  </div>
</form>

1 个答案:

答案 0 :(得分:0)

你需要按照......中的例子给出。

http://ghiden.github.io/angucomplete-alt/

特别注意验证示例 - 示例8

此处所有字段均为angucomplete - 没有示例将angucomplete与正常输入混合。这并不意味着当与正常输入混合时,angucomplete不起作用,这只是意味着它可能不会!

同样关于angucomplete的例子是使用角度1.4.6,所以请确保它不是角度版本问题。