繁体   English   中英

检查输入是否为0,如果输入为0,则禁用提交按钮-Angular.js

[英]Check if input is 0 and disable submit button if 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"> <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"> <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)并且input2为0。因此它将b除以0。因此我想禁用Submit按钮。 input2是第二个选项,op_option是操作,即在我的情况下除以禁用按钮。 同样,代码console.log($ scope.input1)在浏览器控制台页面上显示为undefined。 请帮助实现这一目标

请尝试以下选项。 希望这能解决您的问题。

 // 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> 

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM