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

还有一个来自用户控件的文本框。

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

一个ajax调用将获取文本框的所有数据。我只是试图通过引导箱警报，如果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的Blur事件

 $('#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和1000之间的任何值，则抛出错误。我到处搜寻都无法解决这个问题。

最佳答案

您必须将文本框值转换为字符串的浮点值。请用下面的一个替换您的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);
  }
}