联系表格 7 中使用 jQuery 的必填字段和条件

Question

我正在使用 Contact Form 7 和 jQuery 条件在 wordpress 上编写一个表单（感谢BunnyBomb）。因此，在下拉列表中，您可以选择“个人”选项以显示某些字段，而其他字段保持隐藏。另一个例子是，如果您在同一个下拉列表中选择“2 Equipo (hasta 4 personas)”选项，其他字段将显示，而“个人”字段和其他选项保持隐藏。最多 3 个团队（12 人）。

所以，问题是这些字段是必需的，但我不能这样做，因为隐藏字段不能保持为空。有人建议用“N/A”文本填充空白字段。我该如何解决这些？有什么提示吗？

顺便说一下，这是我的 jQuery 代码：

$(document).ready(function() {

    //Hide the field initially
    $("#tipo-individual").hide();
    $("#primer-equipo").hide();
    $("#segundo-equipo").hide();
    $("#tercer-equipo").hide();

    //inicio de funcion
    $('#asistencia').change(function() {
        if (($("#asistencia").val() == "Individual") || ($("#asistencia").val() == "Individuel")) {
            $("#tipo-individual").show();
            $("#primer-equipo").hide();
            $("#segundo-equipo").hide();
            $("#tercer-equipo").hide();
        } else if (($("#asistencia").val() == "1 Equipo (Hasta 4 personas)") || ($("#asistencia").val() == "1 Team (4 people)") || ($("#asistencia").val() == "1 équipe (4 personnes)") || ($("#asistencia").val() == "1 Equipe (4)")) {
            $("#tipo-individual").hide();
            $("#primer-equipo").show();
            $("#segundo-equipo").hide();
            $("#tercer-equipo").hide();
        } else if (($("#asistencia").val() == "2 Equipo (Hasta 8 personas)") || ($("#asistencia").val() == "2 Team (8 people)") || ($("#asistencia").val() == "2 équipe (8 personnes)") || ($("#asistencia").val() == "2 Equipe (8 pessoas)")) {
            $("#tipo-individual").hide();
            $("#primer-equipo").show();
            $("#segundo-equipo").show();
            $("#tercer-equipo").hide();
        } else if (($("#asistencia").val() == "3 Equipo (Hasta 12 personas)") || ($("#asistencia").val() == "3 Team (12 people)") || ($("#asistencia").val() == "3 équipe (12 personnes)") || ($("#asistencia").val() == "3 Equipe (12 pessoas)")) {
            $("#tipo-individual").hide();
            $("#primer-equipo").show();
            $("#segundo-equipo").show();
            $("#tercer-equipo").show();
        } else {
            $("#tipo-individual").hide();
            $("#primer-equipo").hide();
            $("#segundo-equipo").hide();
            $("#tercer-equipo").hide();
        }
    });
});

Answer 1

所有你想隐藏的字段都可以设置为NA..

$("#hidden_input_ID").val("NA");