如何使用不同的值验证多个输入

时间:2016-11-10 14:17:44

标签: javascript jquery

我试图验证例如6个输入(I can create more than 100)这些输入是动态创建的,这里的问题是例如the first two input values must be between 0 and 10, then other two between 5 and 10 and the last two inputs between 3 and 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");
  
}
&#13;
<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>
&#13;
&#13;
&#13;

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

1 个答案:

答案 0 :(得分:0)

使用eq()函数。

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