入力フィールドを離れるときアラートを一度与えた後にjqueryループを解除し、

Question

私は2つのフィールドを一致させて、入力を離れるときに大きな値を確認しようとしています。条件がfalseの場合は、alertを表示し、ループを解除します。

しかし私のコードでは、キーストアを入力するたびに警告が表示されます。ここに私のコードは次のとおりです。

$(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; 
 
    } 
 
});

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

何かアドバイスは非常に私が間違って何をやっていることは理解されるであろう！

Answer 1

変更は、あなたのコードにはrate_clsはありませんblurイベントに入力する.rate_cls、または入力に

$(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; 
 
    } 
 
});

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

Answer 2

をクラス.rate_clsを追加します。そして、2番目の入力が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">