javascript - jQuery: validation message position for chzn-select -


in form of web application message error validation showed under select menu (in particular chzn-select plugin menu). can see screenshot: enter image description here

it works "metodo pagamento" select while not work "cliente" select , because, think, cliente chzn-select menu. boss wants me move message under select. here code php-html page generation file:

<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>'; }

you can use errorplacement option change positioning of error message

errorplacement: function (error, element) {     //check whether chosen plugin initialized element     if (element.data().chosen) { //or if (element.next().hasclass('chosen-container')) {         element.next().after(error);     } else {         element.after(error);     } }

demo: fiddle


Comments

Post a Comment

Popular posts from this blog

javascript - Google App Script ContentService downloadAsFile not working -

i have web app developed using google app script htmlservice , html form, populating excel sheet in google drive using spreadsheetapp . , 1 section calling contentservice download data excel file. function doget(e) { // read excel sheet //getappfile(); // render application html template return htmlservice.createtemplatefromfile('index').evaluate() .settitle('go smart') .setsandboxmode(htmlservice.sandboxmode.iframe); } function downloaddoublequatecsvfile() { var sheetid = propertiesservice.getscriptproperties().getproperty('sheetid'); var ss = spreadsheetapp.openbyid(sheetid).getactivesheet(); //var ss = spreadsheetapp.getactivespreadsheet().getactivesheet(); var maxcolumn = ss.getlastcolumn(); var maxrow = ss.getlastrow(); var data = ss.getrange(1, 1, maxrow, maxcolumn).getvalues(); if (data.length > 1) { var csv = ""; (var row = 0; row < data.length; row++) { (var c...
Read more

javascript - Function overwritting -

is there way overwrite function or event handling in function? using addeventlistener, can have many event handlers on element want var test=document.getelementbyid("div"); test.addeventlistener("click",function(){alert("im first");},false); test.addeventlistener("click",function(){alert("im second");},false); // alerts "im first" , after "im second" but if want overwrite function/event example based on client width example this function one() { alert("first"); } function two() { alert("second"); } window.onresize = function() { var test = document.getelementbyid("div"); if (window.innerwidth > 500) { test.onclick = 1 } else { test.onclick = two; } } is possible in javascript? in case use effective little known approach. addeventlistener can accept object property handleevent event handler. in case it's easy overwr...
Read more

php - Find a regex to take part of Email -

i have following emails need extract part from: bestellnummer xxx: 1 von xxx, 1er pack ------------- anfang der nachricht ------------- foo bar baz foo bar baz // <<<<< need text here ------------- ende der nachricht ------------- ------------- anfang der nachricht ------------- foo bar baz foo bar baz ------------- ende der nachricht ------------- there 0 unlimited occurences of ------------- anfang der nachricht ------------- ------------- ende der nachricht ------------- and i'm able extract first part regex: $re = "/------------- .*? -------------.?(.*?).?------------- .*? -------------/s"; but, i'm quite new on learning regex, i'm pretty sure there must better regex extract part (foo bar baz foo bar baz) of text between ------------- anfang der nachricht ------------- ------------- ende der nachricht ------------- as can in different languages, i'm using .? to match between hyphens. i...
Read more