【发布时间】:2018-10-03 05:17:29
【问题描述】:
很抱歉这个问题,但我不知道如何解决我的问题。
我有一个标准形式的带有预定义输入名称的表单,我还有其他带有任何随机名称的输入,例如:
<form action="">
<!-- required inputs -->
<input type="text" name="name" value="Ian" />
<input type="text" name="surname" value="Dope" />
<input type="tel" name="phone" value="782910456" />
<input type="tel" name="comment" value="" />
<!-- optional inputs -->
<input type="hidden" name="conact_amount" value="1" />
<input type="hidden" name="value1" value="2" />
<input type="hidden" name="other_filed" value="3" />
<input type="hidden" name="different_name" value="4" />
</form>
在上面的表格中,必需的输入将具有相同的名称,而可选的输入可以是不同名称的任何排列。
我想保留必填字段,但我不知道名称的可选字段需要放在一个名为 comment 的数组中。
【问题讨论】:
-
不,你把我弄丢了。
-
您将如何处理那些您不知道名称的输入?让表单发布它想要的任何字段似乎很奇怪。无论如何,您可以遍历字段并检查名称以查看它是否是“必需”字段。然后你就可以对他们做你想做的事了。
-
另外,如果需要,考虑在输入中添加 HTML5 required 属性吗?
-
您可以在提交之前使用 JavaScript 将输入动态添加到表单中,并使用
elem.setAttribute("name", "input-name-here");添加自定义名称。 MDN 有很好的文档说明如何做到这一点。 -
另外,如果您在后端寻求帮助,请查看this answer。