Javascript jQuery:chzn select的验证消息位置
在一个web应用程序的形式,我想在选择菜单下显示消息错误验证,特别是它是一个chzn选择插件菜单。从这个屏幕截图中可以看到: 它适用于Metodo Pagamento select,而不适用于Cliente select,因为我认为Cliente是一个chzn选择菜单。我的老板想让我把那条信息移到“选择”下。以下是php html页面生成文件中的一些代码:Javascript jQuery:chzn select的验证消息位置,javascript,php,jquery,html,Javascript,Php,Jquery,Html,在一个web应用程序的形式,我想在选择菜单下显示消息错误验证,特别是它是一个chzn选择插件菜单。从这个屏幕截图中可以看到: 它适用于Metodo Pagamento select,而不适用于Cliente select,因为我认为Cliente是一个chzn选择菜单。我的老板想让我把那条信息移到“选择”下。以下是php html页面生成文件中的一些代码: <style> label[for="oggetto[]"] { padding: 76px 0px 0px 143px
<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>';
}
例如:$'field-sel'.validate;这是jquery验证。还有一件事,您还需要添加jquery文件。。
浏览url:您可以使用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);
}
}
演示:好的,但是我应该在validate函数中写些什么来将错误消息放在select菜单下呢?