具有相同“名称”的多个表单字段；属性未发布

Question

我正在处理一些遗留的 HTML/JavaScript。其中一些是我可以控制的，其中一些是从我无法控制的地方生成的。

有一个带有隐藏字段的动态生成的表单。表单本身是通过 Velocity 模板 (Percussion Rhythmyx CMS) 生成的，JavaScript 会插入额外的隐藏表单字段。最终结果是使用相同的“名称”属性生成隐藏表单字段。数据被发布到 Java/JSP 服务器端代码，对此我知之甚少。

我知道共享相同“名称”属性的表单字段是有效的。由于某种原因，后端无法识别已发布的数据。 当我检查 POST 字符串时，同名键均不包含数据。

如果我在开发环境中操作代码，使得给定名称仅存在一个输入字段，则数据是正确发布到后端。问题并不一致，有时，它工作得很好。

我可以采取什么措施来保证数据将被发布？谁能想到为什么它不会的原因吗？

I should really update my answer and post code here, because POST requests without 
variable strings indicates the problem is on the client side.

Answer 1

这个怎么样：

<script type="text/JavaScript">
    function disableBlankValues()
    {
        var elements = document.getElementById("form1").elements;
        for (var i = 0; i < elements.length; i++)
        {
            if (elements[i].value == "")
                elements[i].disabled = true;
        }
    }
</script>

<form action="page.php" method="POST" onsubmit="disableBlankValues()" id="form1">
    <input type="hidden" name="field1" value="This is field 1."/>
    <input type="hidden" name="field1" value=""/>
</form>

---

EDIT

我现在意识到实际的问题（多个同名的变量应该作为数组传递给JSP），我的解决方案可能不是OP正在寻找的，但我将它留在这里，以防它碰巧帮助某人其他偶然发现这篇文章的人。

Answer 2

你可以使用类似的东西：

var form = document.getElementById('yourformid');
var elements = form.getElementsByName('repeatedName');
var count = 0;
for(var item in elements){
   elements[item].name += count++;
}

这样你就会得到每个隐藏字段的名称：

name0
name1
name2
...

Answer 3

我已经想出了一个暴力解决方案。请注意，我很清楚这是一个黑客行为。但我陷入了必须解决我无法控制的其他代码的境地。

基本上，我创建了一个 ONSUBMIT 处理程序，它检查表单中重复的隐藏字段，并确保它们都填充了正确的数据。这似乎保证了 POST 字符串包含数据，无论表单如何呈现，并且 Java 后端似乎也对此感到满意。

我在以下情况下对此进行了测试：

1. 代码生成隐藏字段的单个实例（有时确实会发生）
2. 代码生成隐藏字段的多个实例
3. 代码不生成隐藏字段的实例（应该）永远不会发生，但是嘿...）

我的“else”条件包含一点点 MooTools 的魔力，但它在其他方面是直接的东西。

也许有一天其他人会发现这很有用...

感谢您的帮助！

<form method="post" name="loginform" id="loginform" action="/login" onsubmit="buildDeviceFP(this);">
    <script type="text/javascript">
        function insertFieldValues( fields, sValue )
        {
            if ( 'length' in fields ) 
            {
                // We got a collection of form fields
                for ( var x = 0; x < fields.length; x++ ) {
                    fields[x].value = sValue;
                }
            }
            else
            {
                // We got a single form field
                fields.value = sValue;
            }
        }

        function buildDeviceFP( oForm )
        {
            // Get the element collections for Device Fingerprint & Language input fields from the form.
            var devicePrintElmts = oForm.elements.deviceprint;
            var languageElmts    = oForm.elements.language;

            // 'devicePrintElmts' & 'languageElmts' *should* always exist.  But just in case they don't...
            if ( devicePrintElmts) {
                insertFieldValues( devicePrintElmts, getFingerprint() );
            } else if ( oForm.deviceprint ) {
                oForm.deviceprint.value = getFingerprint();
            } else {
                $('logonbox').adopt(
                    new Element( 'input', {'type':'hidden', 'name':'deviceprint', 'value':getFingerprint()} )
                );
            }

            if ( languageElmts) {
                insertFieldValues( languageElmts, getLanguage() );
            } else if ( oForm.language ) {
                oForm.language.value = getLanguage();
            } else {
                $('logonbox').adopt(
                    new Element( 'input', {'type':'hidden', 'name':'language', 'value':getLanguage()} )
                );
            }
        }
    </script>