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

【问题标题】：Jsp with multiple form:input fields for phone number Spring MVC具有多种形式的Jsp：电话号码的输入字段Spring MVC
【发布时间】：2016-09-26 04:02:00
【问题描述】：

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

当我提交表单时，只传递了第一个框值。如何发送整个电话号码？

【问题讨论】：

能否分享一下你目前尝试过的代码sn-p
谢谢。我删除了评论。
path 是否等同于输入名称？还是 ID 映射到 name 属性？显示呈现的 HTML 也会很有帮助。
path 等效于模型对象属性。 id 仅用于 html。

标签： spring forms jsp spring-mvc

【解决方案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)
    });

【讨论】：

【解决方案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"/>

并通过帖子提交

【讨论】：