jQuery:添加无限输入和处理表单数据

Question

我有一个联系人数据库表单，用户可以在其中单击加号并添加无限数量的电话输入字段、电子邮件字段、地址字段。我已经从回答的其他问题中找到了如何做到这一点。

现在我需要知道如何处理这些数据。每个可以无限添加的字段具有相同的名称。我在想这些将被添加到一个数组中，我可以在其中使用 for 或 .each 并循环遍历它。

最后一件事是我通过 jQuery Ajax 将此信息发送到将处理所有数据的 PHP 页面。我在 PHP 方面比在 jQuery 方面更熟练，但是 jQuery 显然对于不必刷新页面很有用。我的问题是这是不好的做法吗？好像慢了点。我知道我可以错误检查并处理 js 中的数据，然后将处理后的数据发送到 PHP 页面以输入数据库，但我担心使用 js 进行错误检查有多难。

Answer 1

添加表单元素时，请注意，如果在名称末尾添加方括号，则发布的数据将被构造为类似数组的对象:

<input type="text" name="extrainput[]"/>

然后您可以迭代结果并处理用户输入。

例如，如果您需要无限数量的文本框供用户输入他的语言，您可以使用:

$('#addbutton').click(function(){
    $('#myform').append('<input type="text" name="languages[]"/>')
});

其中 addbutton 是用户单击以添加另一个输入的按钮的 ID。

要迭代这些表单元素，您可以使用:

$('[name="languages[]"]').each(...)