Question

我正在尝试匹配这两个字段并检查哪个是离开输入的值越大。如果条件为false，请显示alert并中断循环。

然而，在我的代码中，每当我键入密钥库时，它都会向我显示警报。这是我的代码：

＆＃13;

$(document).on('blur', '.rate_cls', function() {
  var rate = parseFloat($("#rate").val());
  var purchase_amount = parseFloat($("#purchase_amount").val());
  if (rate < purchase_amount) {
    alert("check");
    return false;
  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="rate">
<input type="text" id="purchase_amount">

＆＃13;

任何建议都将受到高度赞赏，我做错了!!

Answer 1

将.rate_cls更改为在blur事件中输入，或将类.rate_cls添加到输入

＆＃13;

$(document).on('blur', 'input', function() {
  var rate = parseFloat($("#rate").val());
  var purchase_amount = parseFloat($("#purchase_amount").val());
  if (rate < purchase_amount) {
    alert("check");
    return false;
  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="rate">
<input type="text" id="purchase_amount">

＆＃13;

Answer 2

您的代码中没有rate_cls。并且您可以检查第二个输入何时获得blur。并检查您的输入是否已填满。

$(document).on('blur', '#purchase_amount', function() {
  var rate = parseFloat($("#rate").val());
  var purchase_amount = parseFloat($("#purchase_amount").val());
  if (!isNaN(rate) && !isNaN(purchase_amount)) {
    if (rate < purchase_amount) {
      alert("check");
      return false;
    }
  } else {
    alert('fill inputs');
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="rate">
<input type="text" id="purchase_amount">

离开输入字段在提示一次和之后断开jquery循环

2 个答案: