Eu tenho uma página JSP que tem código como este ::

 <div id="TextBoxesGroup">                                      <div class="control-group">
<label class="control-label" for="inputAuto">Room type</label>
<div class="controls">
<!-- <input type="text" id="inputAuto" class="grd-white" /> -->
<s:select id="inputAuto" data-form="select2" cssStyle="width:200px" data-placeholder="Select Room Type" name="resortRoomtype" headerKey="-1" list="roomtypeList"/>
</div>

</div>

<div class="control-group">
<label class="control-label" for="inputAuto">Room Numbers</label>
<div class="controls">
<!-- <input type="text" id="inputAuto" class="grd-white" /> -->
<s:textfield id="inputAuto" cssClass="grd-white" name="roomnumbers" onkeypress="return isNumber(event)"/>
<s:label name="roomNumberError" cssClass="help-inline" cssStyle=" color: red;"></s:label>
</div>

 </div>

</div>

<div >
  <input type='button' value='+' id='addButton' Class="btn " />
                                                      <input type='button' value='-' id='removeButton' Class="btn" />
</div>

o meu js para adicionar e remover o botão é:

 <script type="text/javascript">
       $(document).ready(function () {

        $("#addButton").click(function () {
           if( ($('#TextBoxesGroup').children().size()+1) > 12) {
             alert("Resort don't have more rooms" );
               return false;
                 }
           var id = ($('#TextBoxesGroup').children().size()+1).toString();
            $('#TextBoxesGroup').append('<div class="control-group" id="control-group">
 <label class="control-label" for="inputSelectGroup">Room Type</label>

 <div class="controls"><select style="width:200px" id="inputSelectGroup" name="resortRoomtype" data-form="select2"> 
    <option value="Single Room">Single Room</option>
    <option value="Double Room">Double Room</option>
    <option value="Twin Room">Twin Room</option>
    <option value="Interconnecting Room">Interconnecting Room</option>
    <option value="Suite">Suite</option>
    <option value="Pent House Suite">Pent House Suite</option> 
    </select>
    </div>
    </div>

    <div class="control-group" id="control-group">
     <label class="control-label" for="inputauto">Number of rooms</label>
     <div class="controls">
     <input type="text" Class="grd-white" id="inputauto" name="roomnumbers"
     onkeypress="return  isNumber(event)" >

     </div>
    </div>');

         });


           $("#removeButton").click(function () {
               if ($('#TextBoxesGroup').children().size() == 2) {
                  alert("No more textbox to remove");
                    return false;
                     }

                $('#TextBoxesGroup').children().last().remove();
                $('#TextBoxesGroup').children().last().remove();
                    });
                });

 </script>

e na minha aula de ação eu:

private List<Integer> roomnumbers;
getter/setters;

e eu tenho um método de validação que irá validar se há algum campo vazio ou não. se vazio, retornará INPUT e voltarei à minha página de formulário (por exemplo, add_resort.jsp). Então, por exemplo, eu tenho a entrada como para um tipo de quarto :: room room roomnumber é :: 2 e para roomtype :: doubleroom roomnumber é :: vazio (eu esqueci de digitar o número) e, em seguida, clico no botão salvar alterações e ocorrências de validação .. mas quando eu volto a essa página no campo de texto do meu número de quarto eu tenho valor algo parecido com isto :::[2, null]

caso de teste::::::

antes da validação roomnumber = 2

após validação roomnumber = [2]

caso de teste::::::

antes da validação roomnumber = 2 roomnumber = null

após validação roomnumber = [2, null]

no método de validação

if(roomnumbers != null){
roomnumbers.add(new Integer(55));
setRoomnumbers(roomnumbers);
addFieldError("roomnumbers", "Please Enter valid room number.");
}