javascript - Angular : How to enable a text box if other text box input is valid

标签 javascript angularjs angularjs-directive

加载时,我保持禁用第二个文本框。我正在验证第一个文本框输入,然后将占位符传递给第二个复选框。 同时我想启用第二个文本框字段。如何做到这一点?

  <label for="customerRequestId" class="col-sm-1 control-label">Product</label>
  <div class="col-sm-2">
          <input type="text" class="form-control" name="customerProduct" ng-model="customerProduct"  ng-blur="validatecustomerProduct()"/>
  </div>
        <label for="customerPeriod" class="col-sm-2 control-label">date Period</label>
  <div class="col-sm-2">
          <input type="text" class="form-control ng-dirty ng-invalid ng-invalid-pattern ng-invalid-required" name="customerPeriod" placeholder="{{datePlaceholder}}"disabled="disabled"ng-model="customerPeriod"   />

  </div> 

最佳答案

查看 ngDisabled - https://docs.angularjs.org/api/ng/directive/ngDisabled - 并使用与您需要的验证相匹配的表达式。

<INPUT
  ng-disabled="expression">
...
</INPUT>

关于javascript - Angular : How to enable a text box if other text box input is valid,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35762418/

相关文章:

javascript - ng-repeat 在 neSTLed 数据更改后不更新

带有音频和粒子的 Javascript 开源手机游戏引擎?

javascript - 如何使用cookie来检测用户是否已经提交了表单?

javascript - AngularJS - 当使用切片两次时数据不可用时,ng-repeat 显示空单元格

javascript - Typescript async/await 和 angular $q 服务

javascript - 有条件地调用指令

javascript - knockout 简单绑定(bind)不起作用

javascript - 设置 &lt;textarea&gt; 值时不解码 HTML 实体

javascript - AngularJS 自定义属性名称问题

javascript - 在 Angular 中添加带有指令的元素