繁体   English   中英

如何通过 jquery 强制要求 select 验证

[英]How to force required select in form with jquery validate

我想根据用户选择设置条件规则。 我试图添加一些逻辑,如果第一个 select“guid_categorie”值等于“5fe44be6e95bf”,那么我希望我的第二个 select 是必需的。

这是我的代码:

<div class="form-group">
   <label for="guid_categorie">Catégorie parent</label>
   <select name="guid_categorie" id="guid_categorie" class="form-control">
      <?php echo $option_contenu ?>
   </select>
</div>

<div class="form-group">
   <label for="afournisseurs">Fournisseurs</label>
   <select name="afournisseurs[]" id="afournisseurs" class="form-control" multiple>
   <option value="">Aucun</option>
   <?php
   $aFournisseurs = $fournisseurs->listeFournisseur(1);
      if (count($aFournisseurs) > 0) {
          foreach ($aFournisseurs as $fournisseur) {
               echo '<option value="' . $fournisseur["guid_fournisseur"] . '">' . $fournisseur["title"] . '</option>';
           }
      }
           ?>
    </select>

还有我的js:

$("#form_evenements_evenement").validate({
        rules: {
            titre: {
                required: true
            },
            afournisseurs: {
                required: function(element) {
                    return $("#guid_categorie option:selected").val() == "5fe44be6e95bf";
                }
            }
        },
        messages: {
            titre: "Le titre de l'événément est obligatoire",
            ref: "La référence de l'événément est obligatoire",
            afournisseurs: "Merci de selectionner un fournisseur"
        },
        success: "valid",
        submitHandler: function (form) {
            tinyMCE.triggerSave();
            variables = $("#form_evenements_evenement").serialize();
            $.ajax({
                type: "POST",
                url: "../modules/evenements/admin/traitement.php",
                data: variables,
                success: function (msg) {
                    $("#alert-text").html(msg)
                    $("#alert-box").show("slow");

                    setTimeout('$("#alert-box").hide("slow");',5000);

                    if ($("#action").val() == "evenement_add") { // remise à 0
                        $("#form_evenements_evenement")[0].reset();
                        $("#image_add_file").html("");
                        $("#imagelogo").html("");
                        $(".results_add_lieu").html("");
                    }
                }
            });

            return false;
        }


    });

到目前为止它不起作用,错误消息没有显示。 我究竟做错了什么?

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM