jQuery在联系表格中必填字段和条件7

问题描述:

我正在使用Contact Form 7和jQuery条件编写wordpress上的表单(感谢BunnyBomb)。因此,在下拉菜单中,您可以选择“个人”选项来显示一些字段,而其他字段保持隐藏状态。另一个例子是,如果您在相同的下拉列表中选择“2 Equipo(hasta 4 personas)”选项,则显示其他字段,并且“Invidual”字段和其他选项保持隐藏状态。它最多有3支队伍(12人)。jQuery在联系表格中必填字段和条件7

所以,问题是这些领域需要被要求,但我不能这样做,因为隐藏的领域不能保持空。有人建议用“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(); 
     } 
    }); 
}); 

所有这一切要隐藏,可以设置的值作为NA领域..

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

感谢您的答复。如果我将所有字段设置为$(“#hidden_​​input_ID”)。val(“NA”);在功能开始之前对吗? – ichiboch

+0

是的,你可以在适用的地方更改该脚本的位置 –

+0

它不起作用。隐藏的字段保持空白。 – ichiboch