Итерация через список компонентов и проверка данных в javascript

Question

В моей форме содержатся поля ввода, которые будут проверяться от минимальных и максимальных значений при отправке. Поля ввода будут отображаться на экране с помощью итерации списка.

<c:forEach var="Item" items="${listBean.nameList}" varStatus="status"> 
    <input type="number"name="nameList<c:outvalue='[${status.index}]'/>.initialWeight" onchange="checkOnChange(this,'<c:out value='${Item.personId}'/>','<c:out value='${Item.minWeight}'/>','<c:out value='${Item.maxWeight}'/>','<c:out value='[${status.index}]'/>')"> 
     <br><br> 
    <input type="number" name="nameList<c:out value='[${status.index}]'/>.finalWeight" onchange="checkOnChange(this,'<c:out value='${Item.personId}'/>','<c:out value='${Item.minWeight}'/>','<c:out value='${Item.maxWeight}'/>','<c:out value='[${status.index}]'/>')"> 
     <br><br> 
    <input type="text" class="formtext" name="nameList<c:out value='[${status.index}]'/>.Reason" id ="reason<c:out value='[${status.index}]'/>" value="" maxlength="255" > 
     <br><br> 
     <input type="submit" value="submit" id="submit" /> 

</c:forEach> 

Так при подаче формы, у меня есть все введенные пользователем значения, которые будут храниться в компоненте, а также мин/макс values.i нужно проверить форму и запретить пользователю отправку формы, если любое введенное значение не находится в пределах значений min/max.

Так что я немного смущен тем, как это сделать в скрипте Java?

спасибо за ваши предложения и время ..

JSFIDDLE

Answer 1

Я бы сказал получением id

<form id="frmDetails"> 
    <c:forEach var="Item" items="${listBean.nameList}" varStatus="status"> 
     <input type="number"name="nameList<c:outvalue='[${status.index}]'/>.initialWeight" onchange="checkOnChange(this,'<c:out value='${Item.personId}'/>','<c:out value='${Item.minWeight}'/>','<c:out value='${Item.maxWeight}'/>','<c:out value='[${status.index}]'/>')"> 
      <br><br> 
     <input type="number" name="nameList<c:out value='[${status.index}]'/>.finalWeight" onchange="checkOnChange(this,'<c:out value='${Item.personId}'/>','<c:out value='${Item.minWeight}'/>','<c:out value='${Item.maxWeight}'/>','<c:out value='[${status.index}]'/>')"> 
      <br><br> 
     <input type="text" class="formtext" name="nameList<c:out value='[${status.index}]'/>.Reason" id ="reason<c:out value='[${status.index}]'/>" value="" maxlength="255" > 
      <br><br> 
      <input type="submit" value="submit" id="submit" /> 

    </c:forEach> 
</form> 

Ниже будет форма представить функцию

<script type="text/javascript"> 

$("#frmDetails").on("submit",function(e){ 
var valid=true; 
e.preventDefault(); 
var inputs=$(this).children('input'); 
$.each('input',function(index,value){ 
    if($(this).val()=="")//blank validation 
    { 
      valid=false; 
    } 
}); 
if(valid) 
{ 
//post the form 
} 

$("#frmDetails").unbind("submit"); //To prevent the form from getting submitted 
}); 

</script>