javascript - jQuery val() 比较

Question

我正在尝试使用 jQuery 比较两个输入字段的值。然而，它看起来确实是正确的，但是当其中一个值较大时它不会提醒。

Enter the key:
<input type="text" name="key" size="35" id="q17" autocomplete="off">
<input id="charsLeft" type="text" class="count1" disabled>

<br /><br />

Plaintext:
<input type="text" name="key" size="35" id="q18" autocomplete="off">
<input id="charsLeft2" autocapitalize="off" autocorrect="off" type="text" class="count" disabled>

JavaScript:

$(document).ready(function() {
  // Count key
  $("#q17").keyup(function() {
      $('#charsLeft').val($(this).val().length);
  });
  // Count plaintext
  $("#q18").keyup(function() {
      $('#charsLeft2').val($(this).val().length);
  });
  // Compare key|plaintext
  if ($('#charsLeft').val() < $('#charsLeft2').val()) {
    alert('Key is shorter than the plaintext');
  }
});

我正在尝试比较两个输入字段(charsLeft 和 charsLeft2)的值。我在这里错过了什么？这是一个 fiddle :http://jsfiddle.net/2mgzn4pL/

Answer 1

您比较的是字符串，而不是整数。您可以使用 parseInt() 来转换它们。试试这个:

if (parseInt($('#charsLeft').val(), 10) < parseInt($('#charsLeft2').val(), 10)) {
    alert('Key is shorter than the plaintext');
}

Updated fiddle