ブートストラップのドロップダウンを検証できません

Question

私はブートストラップを使用しているドロップダウンを検証しようとしていますが、何も動作しません。私は、データ検証などを使用しようとしましたが、何も動作しません...

他の検証フィールドは機能していますが、ドロップダウンリストから何かを選択するために検証を使用できる唯一のものです。

誰か手掛かりがありますか？

<form action="mailer.php" method="post" onsubmit="myFunction()"> 

           <div class="form-group"> 
            <select required class="form-control" id="tipo" name="tipoIn" > 
            <option disabled selected>Tipo de imóvel</option> 
            <option value="Moradia">Moradia</option> 
            <option value="Apartamento">Apartamento</option> 
            </select> 
           </div> 

           <div class="form-group"> 
            <select required class="form-control" id="tipologia" name="Tipologia_input"> 
             <option disabled selected>Tipologia</option> 
             <option value="T1">T1</option> 
             <option value="T2">T2</option> 
             <option value="T3">T3</option> 
             <option value="T4">T4</option> 
             <option value="T5">T5</option> 
            </select> 
           </div> 


           <div class="form-group"> 
           <input type="text" class="form-control" placeholder="Nome Completo" name="Nome" required="true"> 
           </div> 
           <div class="form-group"> 
           <input type="email" class="form-control" placeholder="E-mail" name="email" required="true"> 
           </div> 
           <div class="form-group"> 
           <input type="text" class="form-control" placeholder="Telefone" name="Telefone" required="true"> 
           </div> 
           <div class="form-group"> 
            <textarea class="form-control" rows="3" id="comentario" placeholder="Diga-nos como imagina a sua casa..." name="message"></textarea> 
           </div> 
           <div class="form-group"> 
           <div class="button-slider"> 
            <div class="btn-group btn_group"> 
            <div class="btn btn-default btn_amount">Valor </div> 
            <div class="btn btn-default btn_slider"> 
             <input id="bootstrap-slider" type="text" data-slider-min="1" data-slider-max="50000" data-slider-step="1" data-slider-value="25000" name="slider_value" /> 
             <div class="valueLabel"><span class="text_span">Valor &nbsp; &nbsp;</span>&nbsp;&nbsp;&nbsp;<span id="sliderValue">25000</span>€</div> 
            </div> 
            </div> 
           </div> 
           </div> 
           <button type="submit" class="btn btn-default quote_btn">Enviar</button> 
          </form> 

Answer 1

両方select要素のための最初の無効のドロップダウンオプションにvalue=""を含めてください。 required属性は、検証のために空白の値を探します。

から：

<option disabled selected>Tipo de imóvel</option> 

へ

<option disabled selected value="">Tipo de imóvel</option>