Question

我有两个文本框。
用户在此框中输入数字。我正在寻找一种解决方案，以使第一个框号必须大于或等于第二个框号，反之亦然。
举例来说，如果用户在第一个框中输入70，则第二个框中应仅接受70或更少的数字。有没有办法实现这一目标。这在aspx页面中。

Answer 1

您可以在以下情况下使用focusout。

$("#txt2")
  .focusout(function() {
    var num = $('#txt1').val();
    if ($('#txt2').val() > num)
      alert('false post'); //Your other code or message
    else
      alert('true post');
  })

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="number" id='txt1' />
<input type="number" id='txt2' />

Answer 2

您可以同时获取数字并进行比较

function validateInput() {
  let getFirstVal = document.getElementById('firstInput').value;
  let getSecondVal = document.getElementById('secondInput').value;
  if (isNaN(getFirstVal)) {
    console.log('Enter only number');
    document.getElementById('secondInput').setAttribute('disabled', true)
  } else if (getFirstVal === '') {
    document.getElementById('secondInput').setAttribute('disabled', true)
  } else if (parseInt(getSecondVal, 10) > parseInt(getFirstVal, 10)) {
    document.getElementById('secondInput').value = '';
    console.log('Enter lower number');
  } else {
    document.getElementById('secondInput').removeAttribute('disabled')

  }

}

<div>
  <input type='text' id='firstInput' onkeyup='validateInput()'>
  <input disabled type='text' id='secondInput' onkeyup='validateInput()'>
</div>

第二个文本框仅允许较小数量的Jquery

2 个答案: