检查输入是否为0，如果为0则禁用提交按钮-Angularjs

Check if input is 0 and disable submit button if 0 - Angularjs

本文关键字：提交 0则 按钮 -Angularjs 如果 输入 是否 检查      更新时间：2023-09-26

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。所以它将除以b0。因此，我想禁用提交按钮。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>

相关文章：