jQuery:chzn-select的验证消息位置

射手座

我希望以Web应用程序的形式在选择菜单下显示消息错误验证(特别是chzn-select插件菜单)。从此屏幕截图中可以看到:在此处输入图片说明

它适用于“ Metodo Pagamento”选择,而不适用于“ Cliente”选择,这是因为,我认为Cliente是一个chzn-select菜单。我的老板要我在选择下移动该消息。这是php-html页面生成文件中的一些代码:

<style>

 label[for="oggetto[]"] {
 padding: 76px 0px 0px 143px !important;
 }

 label[for="modalita_pagamento"] {  
 padding: 13px 0px 0px 130px !important;
 }

 div.selector {
 overflow: visible;
 }

 #filed-sel {
 padding: 19px !important;
 }

</style>

...

<p>
  <label>Cliente</label>
  <span class="field" id="filed-sel">
     <?php
        if (isset($progetto['id_cliente']))
          $sistema->clienti->selectMenuClienti($progetto['id_cliente']);
        else
          $sistema->clienti->selectMenuClienti(null);
     ?>
  </span>
</p>

...

<p>
  <label>Metodo pagamento</label>
  <span class="field" id="filed-sel">
     <?php
        if (isset($progetto['metodo_pagamento']))
        $sistema->progetti>setPagamentoMetodo($progetto['metodo_pagamento']);
        else
        $sistema->progetti->setPagamentoMetodo(null);
    ?>
  </span>
</p> 

...

public function selectMenuClienti($id_cli) {
    $list_cli = $this->allClienti("");
    echo '<select data-placeholder="Scegli un cliente..." id="client_prj"  name="client_prj" class="chzn-select">';
    echo '<option value=""></option>';

    for($i=0; $i<count($list_cli); $i++) {
        if (($id_cli != null) && ($id_cli == $list_cli[$i]["id"])) {
            echo '<option value="'.$list_cli[$i]["id"].'"  selected>'.$list_cli[$i]["id"].' - '.$list_cli[$i]["cognome"].' '.$list_cli[$i]["nome"].'</option>';
        }
        else {echo '<option value="'.$list_cli[$i]["id"].'">'.$list_cli[$i]["id"].' - '.$list_cli[$i]["cognome"].' '.$list_cli[$i]["nome"].'</option>';
        }
    }

    echo '</select>';
}
阿伦·P·约翰尼

您可以使用errorPlacement选项更改错误消息的位置

errorPlacement: function (error, element) {
    //check whether chosen plugin is initialized for the element
    if (element.data().chosen) { //or if (element.next().hasClass('chosen-container')) {
        element.next().after(error);
    } else {
        element.after(error);
    }
}

演示:小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery验证:更改消息中的动态参数

来自分类Dev

jQuery验证错误消息放置

来自分类Dev

JQuery在多个位置(表单顶部和表单级别)验证自定义错误消息

来自分类Dev

jQuery验证消息显示在jQuery Mobile中的文本输入内

来自分类Dev

jQuery验证多个错误标签位置

来自分类Dev

覆盖jQuery验证消息

来自分类Dev

验证消息的位置

来自分类Dev

jQuery验证远程错误消息

来自分类Dev

如何自动选择多选框chzn-select-deselect?

来自分类Dev

jQuery验证自定义错误消息的位置

来自分类Dev

jQuery自定义验证消息

来自分类Dev

jQuery验证与动态错误消息

来自分类Dev

如何控制jQuery验证错误消息

来自分类Dev

jQuery验证显示成功消息

来自分类Dev

jQuery验证程序,如何验证禁用的<select>

来自分类Dev

如何通过jQuery使验证消息警报

来自分类Dev

jQuery验证错误消息到位

来自分类Dev

覆盖jQuery验证消息

来自分类Dev

jQuery验证插件错误消息布局

来自分类Dev

如何自动选择多选框chzn-select-deselect?

来自分类Dev

规则的jQuery验证程序自定义错误消息位置

来自分类Dev

jQuery选择了(chzn)更新选项

来自分类Dev

jQuery自定义验证消息

来自分类Dev

jQuery在输入下验证发布错误消息

来自分类Dev

jQuery验证消息问题

来自分类Dev

jQuery验证上的不同错误消息

来自分类Dev

jQuery表单验证中的错误消息

来自分类Dev

jquery 验证引擎位置错误

来自分类Dev

仅在使用 jQuery 验证时显示消息