ng有效,当值通过<按钮>ng单击
ng-valid not triggering on input hidden when value is updated via <button> ng-click
我是AngularJS的新手。我有一个简单的表单,如果所有必需的字段都有效,提交按钮就会被启用。如果我在LOAN AMOUNT框中键入,则该输入将添加类别ng有效。
然而,在第二个字段上,我使用按钮来更新一个隐藏字段的值。这是有效的,并且值在单击时更新,但是类仍然是无效的,并且提交按钮被禁用。我猜这是由于Angular不知道它已经更新,但无法找到解决方案。如果有任何帮助,我将不胜感激。
<body ng-app="validationApp" ng-controller="mainController">
<form name="userForm" id="appform" ng-submit="submitForm(userForm.$valid)" action="results.php" method="post" novalidate validate-non-visible-controls> <!-- novalidate prevents HTML5 validation since we will be validating ourselves -->
<div class="container" style="max-width:1000px;">
<div class="row">
<div class="col-md-4">
<!-- LOAN AMOUNT -->
<div class="form-group" ng-class="{ 'has-error' : userForm.amount.$invalid && !userForm.amount.$pristine }">
<label>How much do you need? <span class="red">*</span></label>
<input type="number" name="amount" id="amount" class="form-control searchfield" ng-model="user.amount" ng-maxlength="6" required>
<p ng-show="userForm.amount.$invalid && !userForm.amount.$pristine" class="help-block">Loan amount is required.</p>
<p ng-show="userForm.amount.$error.maxlength" class="help-block">Loan amount too high.</p>
</div>
</div>
<div class="col-md-8">
<!-- BUSINESS TYPE -->
<div class="form-group" ng-class="{ 'has-error' : userForm.type.$invalid && !userForm.type.$pristine }">
<label>What type of business do you own? <span class="red">*</span></label>
<input type="hidden" name="type" ng-model="data.type" value="{{selected}}" required/>
<button type="button" class="ltd opt" ng-click="selected = 1;userForm.type.$valid" ng-class="{active: selected == 1}">Limited Company</button>
<button type="button" class="st opt" ng-click="selected = 2" ng-class="{active: selected == 2}">Sole Trader</button>
<button type="button"class="ps opt" ng-click="selected = 3" ng-class="{active: selected == 3}">Partnership</button>
<button type="button"class="llp opt" ng-click="selected = 4" ng-class="{active: selected == 4}" >LLP</button>
<p ng-show="userForm.type.$invalid && !userForm.type.$pristine" class="help-block">Business type is required.</p>
</div>
</div>
</div><button type="submit" class="bluebtn biggerBtn" ng-disabled="userForm.$invalid">FINANCE MY BUSINESS <i class="fa fa-caret-right"></i></button>
</body>
您必须将ng模型更改为:
<input type="hidden" name="type" ng-model="selected" value="{{selected}}" required/>
相关文章:
- 如何将ng消息与<输入名称='用户[名称]'>
- 尝试应用于<tr>在ng单击中
- 在<选择>使用angular ng选项可能使用ng init
- 如何使用“;ng如果“;在Html<a>标签
- ng单击不处理<李>要素
- 断言var集通过<输入ng模型>不是未定义的
- AngularJS:隐藏<td>使用ng-hide/ng-show没有间隙
- ng重复不使用表<tr>但是与列表<李>
- ng在<输入类型=“;文件”;
- 为什么Angular不通过添加'选择'属性为<选项>当它正确更新模型时,在ng选项中标记
- ng有效,当值通过<按钮>ng单击
- 价值的作用=“"在<输入ng模式>
- 在<ul>ng repeat生成的列表
- 对每个<李>在Angular中的ng重复列表中
- 如何删除<hr/>最后一个李在角度ng重复
- AngularJS ng选项,使用<选择>
- AngularJS ng开关在<p>标签
- Angularjs ng-bind-html无法使用以'<'
- ng类,仅当<a>存在于给定元素之后
- AngularJS & lt; select>.选项上的' ng-click '不是工作