複数形式のJsp：電話番号の入力フィールドSpring MVC

Question

私は電話番号を入力する3つの入力ボックスを持っています。私はすべての値を取得してフォームを提出するのに苦労しています。

<form:label path ="phonenumber">Phone number</form:label> 
<form:input path="phonenumber" class="phonenumber" id="phonenumber1" maxlength="3"/> 
<form:input path="phonenumber" class="phonenumber" id="phonenumber2" maxlength="3"/> 
<form:input path="phonenumber" class="phonenumber" id="phonenumber3" maxlength="3"/> 

フォームを送信すると、最初のボックス値のみが渡されます。電話番号全体を送信するにはどうすればいいですか？

Answer 1

この

form.jsp

<input class="phonenumber" id="phonenumber1" maxlength="3"/> 
<input class="phonenumber" id="phonenumber2" maxlength="3"/> 
<input class="phonenumber" id="phonenumber3" maxlength="3"/> 

<form:hidden path="phonenumber" class="phonenumber" id="phonenumber_insert"/> 

そして、これらの値を取得し、隠されたバインドさ入力に

script.js

を挿入するためのjQueryを使うよりものようなものを試してみてください

jQuery("#myForm").submit(function() { 
    //first make some kind of validation for the three inputs 
    var phonenumber1= jQuery("#phonenumber1").val(); 
    var phonenumber2= jQuery("#phonenumber2").val(); 
    var phonenumber3= jQuery("#phonenumber3").val(); 
//set to new field 
jQuery("#phonenumber_insert").val(phonenumber1+phonenumber2+phonenumber3) 
    }); 

Answer 2

異なる電話番号に異なるパスを書き込む必要があります。

例：あなたはデシベルで電話番号の3列（phonenumber1、phonenumber2、phonenumber3）を持っている場合、あなたは次のコードを記述する必要があります：

<form:label path ="phonenumber">Phone number</form:label> 
<form:input path="phonenumber1" class="phonenumber" id="phonenumber1" 
maxlength="3"/> 
<form:input path="phonenumber2" class="phonenumber" id="phonenumber2" 
maxlength="3"/> 
<form:input path="phonenumber3" class="phonenumber" id="phonenumber3" 
maxlength="3"/> 

をポスト