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

然后使用jQuery获取这些值并插入隐藏的绑定输入

<强>的script.js

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

您必须为不同的电话号码编写不同的路径

例如。如果您在db （phonenumber1，phonenumber2，phonenumber3）中有3列电话号码，那么您应该编写以下代码：

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

并提交帖子

具有多种形式的Jsp：电话号码Spring MVC的输入字段

2 个答案: