Блог

У меня есть форма, для которой мне нужна проверка на стороне клиента. Я добавил «требуется» для других входных данных, и это работает нормально, но проверка не работает для выпадающего списка.

 <form name="form" action="signup.php" method="post">

          <div class="form-group">
          <label for="multi-search-options">options</label> <br>
              <select name="options" class="ui multiple search selection dropdown" multiple="" id="multi-search-options" required>
                  <option value="">Select options</option>
                  <?php
                    $db_data = array();
                    $result = phpFetchAllDB("SELECT * FROM test",$db_data);
                    $final_options_array = createOptionsArray($result);

                    foreach ($final_options_array as $item) {
                        echo("<option value='".$item."'>".$item."</option>");
                  }?>
                </select>

                <script type="text/javascript">
                  $('#multi-search-options').dropdown();
                </script>
              
              amp;nbsp;amp;nbsp;amp;nbsp;amp;nbsp;amp;nbsp;
          </div>

          <div class="form-group">
            <label for="FirstName">First Name</label>
            <input type="text" class="form-control" id="FirstName" name="FirstName" placeholder="e.g. John" required>
            amp;nbsp;amp;nbsp;amp;nbsp;amp;nbsp;amp;nbsp;
          </div>

          <div class="form-group">
           <button type="submit" class="btn btn-primary" name="login" id="loginBtn">Submit</button>
          </div>
</form>
 

Это код, который у меня есть, и когда я нажимаю «Отправить», я получаю приглашение заполнить имя.

Я обнаружил, что при запуске сценария $('#multi-search-options').dropdown(); он не проверяет раскрывающийся список. Однако, если я удалю его, проверка будет работать нормально, но выпадающий список не работает.

Какие-либо исправления этой проблемы?