Jquery數學運算不起作用

我想驗證兩個文本框的數據。我已經提交了這個文本框。Jquery數學運算不起作用

<div class="col-md-3"> 
    <label for="SubmittedAmountTextBox">Total Submitted Amount</label> 
    <Everest:AmountTextBox runat="server" ID="SubmittedAmountTextBox" TriggerDenomination="True" autocomplete="off" CssClass="loan-amount-input submitted-amount"></Everest:AmountTextBox> 
    <asp:RequiredFieldValidator runat="server" ID="SubmittedAmountTextBoxRequiredFieldValidator" Display="Dynamic" 
              ErrorMessage="Required" ControlToValidate="SubmittedAmountTextBox" CssClass="alert alert-error" Style="padding: 5px;" SetFocusOnError="true" /> 
</div>

另一個來自usercontrol的文本框。

<div class="col-sm-2"> 
    <asp:TextBox runat="server" ID="LoanCollectionBalanceTextBox" CssClass="form-control input-sm" data-bind-property="CollectionBalance" /> 
</div>

ajax調用獲取文本框的所有數據。我只是試圖通過bootbox警報，如果SubmittedAmountTextBox輸入大於LoanCollectionBalanceTextBox。

我的jQuery函數用於驗證：

function validateAmount() { 
     var sbmtAmount = $('#SubmittedAmountTextBox').val(); 
     console.log(sbmtAmount); 
     var loancollecBlnce = $('#LoanCollectionBalanceTextBox').val(); 

     if (sbmtAmount > loancollecBlnce) { 
      alert(sbmtAmount); 
      alert(loancollecBlnce); 
      debugger; 
      //bootbox.alert("Submitted amount is higher then Collection Balance") 
      $("#SaveButton").attr('disabled', 'disabled'); 
     } else { 
      $("#SaveButton").attr('disabled', false); 
     } 
    }

和SubmittedAmountTextBox

$('#SubmittedAmountTextBox').on('blur', function (evt) { 
    var checkedValue = $('input[id*=loanTypeCheck]:checked').val(); 
    if (checkedValue === "Cash") { 
     $(this).trigger('showDeno', [$(this)]); 
    } else if (checkedValue === "Dharauti") { 
     validateAmount(); 
    } 
});

模糊事件和怪異的一部分是它不驗證，如果SubmittedAmountTextBox>LoanCollectionBalanceTextBox。假設LoanCollectionBalanceTextBox是12500，如果我輸入更多，那麼它會引發警報。如果我輸入100，它不會因爲12500> 100，但如果我輸入200,300之間的任何數值，它確實會拋出錯誤。我到處搜索無法得到這個。

來源

2016-07-31 OLDMONK

，因爲你在不知不覺中對字符串進行操作，而「12500」 <「200」詞彙 –

@JaromandaX我沒有得到你sir..I我仍然掛在學習曲線左右。 – OLDMONK

['.val（）']（http://api.jquery.com/val/）返回一個字符串。首先必須將值轉換爲數字（['parseInt（）']（https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/parseInt）或['parseFloat（）']（https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/parseFloat）） – Andreas

你應該不得不將你的文本框的值從字符串中的浮點值轉換。請用下面的代碼替換您的validateAmount函數。你的代碼不工作，因爲它在字符串中進行比較，而不是在float中轉換文本框的值。

function validateAmount() { 
    var sbmtAmount = parseFloat($('#SubmittedAmountTextBox').val(); 
    console.log(sbmtAmount)); 
    var loancollecBlnce = parseFloat($('#LoanCollectionBalanceTextBox').val()); 

    if (sbmtAmount > loancollecBlnce) { 
     alert(sbmtAmount); 
     alert(loancollecBlnce); 
     debugger; 
     //bootbox.alert("Submitted amount is higher then Collection Balance") 
     $("#SaveButton").attr('disabled', 'disabled'); 
    } else { 
     $("#SaveButton").attr('disabled', false); 
    } 
}

來源

2016-07-31 11:13:22

謝謝你，先生 – OLDMONK

你正在做的比較是在兩個字符串之間，而不是整數。您必須首先將值轉換爲整數，然後執行檢查。

做這個

if (parseInt(sbmtAmount) > parseInt(loancollecBlnce))

在你的代碼

或parseFloat如果你期待小數。

來源

2016-07-31 11:11:09 zainul

Jquery數學運算不起作用

回答

相關問題