检查输入为0,禁用提交按钮,如果0 - Angularjs
问题描述:
app.controller('HelloController', function($scope) {
console.log($scope.input1);
console.log($scope.input2);
if (($scope.op_option == 4) && ($scope.input2 == 0)) {
myForm.$invalid;
}
});
<form id="calc" method="post" action="/" ng-app="myApp" name="myForm" ng-controller="HelloController" novalidate>
<div class="row">
<div class="col-xs-2">
<input type="number" class="form-control" name="op1" placeholder="Enter 1st number" ng-model="input1" required>
<span style="color:red" ng-show="myForm.op1.$dirty && myForm.op1.$invalid">
\t \t \t \t \t \t <span ng-message="myForm.op1.$error.required">Number is required</span>
</span>
</div>
<div class="col-xs-2">
<select class="form-control" name="op_option" ng-model="oper">
<option value="1">+</option>
<option value="2">-</option>
<option value="3">*</option>
<option value="4">/</option>
</select>
</div>
<div class="col-xs-2">
<input type="number" class="form-control" name="op2" placeholder="Enter 2nd number" ng-model="input2" required>
<span style="color:red" ng-show="myForm.op2.$dirty && myForm.op2.$invalid">
\t \t \t \t \t \t <span ng-message="myForm.op2.$error.required">Number is required</span>
</span>
</div>
</div>
<br>
<div class="row">
<div class="col-xs-12">
<button type="submit" class="btn btn-success" ng-disabled="myForm.$invalid">Calculate</button>
</div>
</div>
</form>
我想这个代码,以检查是否op_option是鸿沟(即4)和输入2为0。因此,这将划分b 0.因此我想禁用提交按钮。 input2是第二个选项,op_option是操作,即在我的情况下,禁用按钮。此外代码console.log($ scope.input1)在浏览器控制台页面上显示为未定义。 请帮助做到这一点
答
请尝试以下选项。希望这会解决你的问题。
// Code goes here
angular.module('app', [])
.controller('HelloController', function($scope) {});
<div class="row">
<div class="col-xs-12">
<button type="submit" class="btn btn-success"
ng-disabled="oper == 4 && input2 == 0">Calculate</button>
</div>
</div>
您可以使用表单上的提交监听器来检查选择的值和输入,如果不合适,防止提交并告知错误的用户。 – RobG