java - Struts2: List を使用してテキスト ボックスを再作成する検証後

Question

次のようなコードを持つ JSP ページがあります::

 <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>

ボタンを追加および削除するための私のjsは::

 <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>

そして私のアクションクラスで私は::

private List<Integer> roomnumbers;
getter/setters;

フィールドが空かどうかを検証する検証メソッドがあります。空の場合は INPUT が返され、フォーム ページ (例: add_resort.jsp) に戻ります。したがって、例の場合、roomtype :: single room roomnumber is :: 2 および roomtype :: doubleroom roomnumber is:: empty (番号を入力するのを忘れた) のような入力があり、変更を保存するボタンをクリックすると、検証が行われます..しかし部屋番号テキストフィールドでそのページに戻ると、次のような値が得られました::: [2,null]

テストケース：：：：：：

検証前 roomnumber = 2

検証後 roomnumber=[2]

テストケース：：：：：：

検証前 roomnumber =2 roomnumber= null

検証後 roomnumber=[2,null]

検証メソッドで

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