javascript - 如何验证具有不同值的多个输入

Question

我正在尝试验证例如 6 个输入(我可以创建超过 100 个)，这些输入是动态创建的，这里的问题是例如 前两个输入值必须是0 到 10 之间，然后是 5 到 10 之间的另外两个输入，以及 3 到 5 之间的最后两个输入。我所做的是使用 IF 验证这一点，但就像我说的，我可以创建 100 多个输入，这意味着大量代码，这是我所拥有的:

$(document).ready(function () {
  $('#create').change(function () {
    draw();
  });
  
  $('#btn').click(function () {
    validate();
  });
});

function draw() {
  var total = $('#create').val();
  var html = "";
  for (var x = 0; x < total; x++) {
    html += '<input id="InputNum' + x + '" />';
  }
  $('#draw').html(html);
}

function validate() {
  var Input1 = $('#InputNum0').val();
  var Input2 = $('#InputNum1').val();
  var Input3 = $('#InputNum2').val();
  var Input4 = $('#InputNum3').val();
  
  if (Input1 < 5 && Input1 >0 && Input2 < 5 && Input2 > 0)
    alert("Hello");
  else
    alert("Value must be between 0-5");
  
  if (Input3 < 15 && Input3 > 5 && Input4 < 15 && Input4 > 5 )
    alert("Hello");
  else
    alert("Value must be between 5-15");
  
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<select id="create">
  <option selected disabled>Choose</option>
  <option>6</option>
<select />
  
  <div id="draw">
  </div>
  
  <button id="btn">Valida</button>

我想知道是否存在一种简单的方法来执行此操作，而不是对我想要检查的每个输入使用 if ？

Answer 1

使用 eq() 函数。

$("input").eq(-2) // before last element
$("input").eq(-1) // last element